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CAPITULO 1 


Introdu^ao ASP.NET MVC 


O ASP.NET MVC fornece, por meio de design patterns, uma maneira poderosa e 
alternativa para criar websites ASP.NET dinamicos. 

O ASP.NET MVC implementa o pattern MVC e separa a aplicagao em tres compo- 
nentes: model, controller e view. 

• O model content o codigo da camada de dados. 

• O controller recebe as requisites do usuario. 

• O view implementa o design da aplicagao. 

Observe a figura LI: 



Figura 11 - Relagdo entre o usuario , o controller, o model e o view. 

Na figura 1.1 vemos a relagao entre o controller, o model e o view. O controller aceita a 
requisigao do usuario, acessa o view e/ou o model. O model acessa o banco de dados. 
Ao final, o conteudo do view e retornado ao usuario. 


Obs.: no decorrer deste livro usamos a palavra controlador em vez de controller. As 
palavras model e view nao foram traduzidas. 
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1.1 Para quern e este livro? 

Bern, este nao e um livro para iniciantes em programagao, ou seja, e necessario co- 
nhecimento previo de C# e/ou ASP.NET Web Forms. 

Neste livro nao abordamos a sintaxe C#, oASP.NET Web Forms e as classes do .NET 
Framework, pois o foco do livro e especificamente o ASP.NET MVC. 

Para testar os exemplos abordados no livro, baixe os arquivos de exemplo no website 
da Novatec: http://www.novatec.com.br/downloads.php 

Obs.: ASP.NET Web Forms e a denominagao usada para o ASP.NET tradicional, com 
base em formularios e controles. Este nome visa apenas a diferencia-lo do ASP.NET 
MVC. 

1.2 Porque outroASP.NET? 

Porque o ASP.NET Web Forms apresenta uma serie de limitagoes e problemas, por 
exemplo: 

• Gera paginas muito grandes, afetando o carregamento das paginas e o trafego 
da rede. 

• Temos pouco controle sobre o HTML gerado. 

• Os Web Server Controls sao processados no servidor e podem afetar o desem- 
penho da aplicagao. 

• Dificuldade em realizar testes na aplicagao. 

• Nao tern real separagao entre o codigo e o design. 

1.3 ASP.NET MVC edificil? 

Alguns programadores com quern mantenho contato pela Internet afirmam: o ASP. 
NET MVC e muito diflcil comparado ao ASP.NET Web Forms. Na minha opiniao 
o ASP.NET MVC nao e dificil, mas diferente. Por exemplo, o ASP.NET Web Forms e 
semelhante ao modelo de programagao usado pelo Visual Basic ou Delphi, ao qual 
a maioria dos programadores atuais esta acostumado. 

No ASP.NET MVC voce programa metodos e nao eventos. Ha tambem separagao entre 
o codigo que interage com o usuario, o design e a camada de dados. Tudo isso parece 
estranho para programadores acostumados a programar eventos em formularios. 

Outros programadores afirmam que tern dificuldades em aprender ASP.NET MVC. 
Acredito que a dificuldade no aprendizado se deve ao fato de a maioria do conteudo estar 
em ingles ou em pequenos tutoriais em portugues. No momento em que escrevo este 
texto - inicio de junho de 2011 -, ha poucos livros em portugues sobre ASP.NET MVC. 
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1.4 Quando usar o ASP.NET Web Forms 

A seguir listamos alguns motivos para voce continuar usando o ASP.NET Web Forms: 

• Quando voce precisa rapidamente de um recurso visualmente sofisticado, como 
os obtidos com o controle GridView, DataList, ListView ou Repeater. 

• Quando ha necessidade de manter o estado da pagina entre requisites. 

• Quando for necessario ligar um controle SqlDataSource a uma origem de dados. 

• Quando sentir saudade do recurso de arrastar e soltar do Visual Studio. 

1.5 Quando usar o ASPNET MVC 

Alguns motivos para voce ado tar o ASPNET MVC: 

• Quando voce precisa de controle total sobre o HTML. 

• Quando ha necessidade de unidades de teste no projeto. 

• Quando a aplicagao necessita de separagao entre o design, o codigo e a camada 
de dados. 

• Quando ha obrigagao de reduzir o tamanho das paginas geradas. 

• Quando e preciso eliminar ou reduzir os Postbacks. 

• Quando uma equipe grande desenvolve uma aplicagao. Cada um pode-se 
dedicar a uma parte (controlador, model e view) da aplicagao. 

• Quando e necessario estender a aplicagao constantemente. 

• Quando a aplicagao requer multiplas interfaces. Por exemplo, voce pode criar 
um view que exibe uma pagina HTML e outro que exibe uma pagina no estilo 
Silverlight ou em um formato para dispositivos moveis. 

• Quando voce nao se sentir confortavel desenvolvendo com formularios. Ge- 
ralmente, programadores nao gostam de fazer o design da aplicagao. 

• Quando os designes da empresa estiverem com pouco trabalho e voce quer 
que eles criem todas as paginas manualmente, sem os caracteristicos recursos 
de arrastar e soltar. Maldade, ne? 

1.6 Os dois ASPNET funcionam juntos? 

Sim, aproveite o melhor de cada um. Por exemplo, uma aplicagao ASPNET MVC pode 

exibir informagdes em um controle DataList do ASPNET Web Forms. 
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1.7 Recursos do ASP.NET MVC 

O ASP.NET MVC per mite, entre outras coisas: 

• Controle total sobre o HTML. 

• Criagao de URLs amigaveis. 

• Clara separagao entre o design, o codigo e a camada de dados. 

• Validagao no cliente e servidor. 

• Definigao de filtros de agao. 

• Lacilidade em implementar aplicagoes Ajax. 

• Uso da sintaxe Razor. 

• Uso intensivo de atributos. 

• Implementagao e criagao de HTML helpers. 

• A implementagao de unidades de teste. 

• Implementa o pattern MVC. 

1.8 Prepare seu computador 

Os exemplos deste livro podem ser desenvolvidos com o Visual Studio. 
http://www. microsoft. com/netframework 
http://www.microsoft.com/visualstudio 
http'J/www. microsoft. com/express/downloads 

Baixe e instale tambem o ASP.NET MVC. Acesse o website http://www.asp.net/mvc 

Obs.: nos arquivos de exemplo, voce encontra uma lista com todos os links indica- 
dos no livro. Assim, nao ha necessidade de digita-los. 

1.8.1 Preparando o IIS 

Apos a instalagao dos softwares anteriores, instale o Internet Information Services (IIS). 

Se voce planeja usar seu computador somente para testar os exemplos deste livro, 
nao e necessario instala-lo. Nesse caso, use o ASP.NET Development Server, o qual e 
instalado com o Visual Studio. 

Uma aplicagao ASP.NET MVC roda no contexto da maquina local sob a conta 
AUTORIDADE NT\SERVigO DE REDE. 
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1.8.2 Acessando uma aplicagao ASP.NET MVC 

Os arquivos da aplicagao web acessados pelo navegador sao disponibilizados pelo 
servidor web — o servidor IIS. Todos os arquivos da aplicagao ASP.NET MVC acessados 
pelo navegador devem fazer parte de um diretorio virtual. 

Para testar a aplicagao web no seu computador, recomenda-se empregar a seguinte 
sintaxe: 

http://[nomedoservidor]/[DiretorioVirtual]/[metodo] 

Exemplo: 

http://alfredo/1ivro/ 

ou 

http://Iocalhost/1ivro/ 

http://localhost/1ivro/capi tul ol 

de modo que livro e o diretorio virtual, e capitulol, o subdiretorio. Somente o diretorio- 
raiz, no caso livro, precisa ser virtual. 

Obs.: navegador e o termo usado neste livro para nomear softwares de exibigao de pa- 
ginas de websites como o Internet Explorer, o Firefox, o Opera, o Google Chrome etc. 

1.8.3 Criando um diretorio virtual 

• Abra o Windows Explorer, uma vez que um diretorio virtual pode ser criado facil- 
mente nele. 

• Navegue ate o diretorio-raiz da aplicagao web. 

• Clique com o botao direito no diretorio escolhido e, em seguida, clique em 

propriedades. 

• Selecione a aba Compartilhamentodaweb e, em seguida, selecione compartilharessa pasta. 

• Defina um alias para a pasta. O alias e o nome do diretorio virtual que sera 
usado na URL do navegador. Observe a figura 1.2. 
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Figura 1.2 - Criando um diretorio virtual 


1.9 Desenvolvendo uma nova aplicagao 

Inicie o Visual Studio. Acesse o menu File e clique em New Project..., 

Na caixa de dialogo New Project selecione Web > Visual Studio 2012 > ASP.NET MVC 4 Web Application. 

Nomeie o projeto como AppCapitulol. Clique em OK. Conforme figura 1.3. 



ASP.NET MVC 4 Web Application 


Visual €#' 


New Project 


P Recent 


Framework 4.5.1 


Sort by: | Default 


Search Installed T* 


* Installed 


Type: Visual C# 

A project for creating an application using 
ASP.NET MVC 4 and Web API 


ASP.NET Empty Web Application 


Template 


ASP.NET Web Forms Application 


t> Visual Bask 


Visual C# 


Wind* 


Data Entities Web Application 


Visual Studio 2012 


ASP.NET AiAX Server Control 


Visual C# 


ASP.NET AJAX Server Control Extender 


Visual C# 


ASP.NET Server Control 


Visual C# 


SQL Server 

S’ Other Project Type 
Samples 


t Online 


Click here to go online and find templates. 




AppCapitulol 
I:\livro _ 


ireate new solution 




Figura 13 - Criando uma nova aplicagao ASP.NETMVC. 
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Em seguida, escolha um dos dois templates para iniciar seu projeto: 

• Empty content a estrutura basica de arquivos e diretorios usados por uma apli- 
cagao ASP.NET MVC 

• Internet Application contem alem dos recursos do template Empty arquivos e dire¬ 
torios usados na autenticagao de usuarios e formatagao. 

• Basi c contem a estrutura basica de arquivos e diretorios e tambem scripts jQuery, 
um arquivo .css e o view Error. 

Na caixa de combinagao View Engine;. Selecione o mecanismo de exibigao ASPX. 

Observe a figura 1.4. 


New ASP.NET MVC 4 Project 


Project Template 


Select a template; 



B 

0 

B 

Empty 

Basic 

Internet 

Application 

Intranet 

Application 

B 

B 

H 

B 

Mobile 

Application 

Web API 

Single Page 

Application 

Facebook 

Application 


Description; 

A default ASP.NET MVC 4 project with an 
account controller that uses forms 

authentication. 


View engine; 


ASPX 


I Razor 

tin 


'Create a urfrE test project 


i 


Test project name; 
AppCapitulol Jests 
Test framework; 


/isual Studio Unit Test 


Additional Info 


OK 


N 


Cancel 


Figura 1.4 - Defmindo o template e o mecanismo de exibigao da aplicagao. 

Obs.: o Visual Studio Profissional ou superior permite a criagao de uma unidade de 
teste. 


Quando criamos uma nova aplicagao com o template Empty, e automaticamente adi- 
cionada a seguinte estrutura de arquivos e diretorios. Observe a figura 1.5. 
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Solution Explorer ▼ □ X 


5 

ii 

j 



M 

Properties 

m 

m 

References 

Sr 

m 

Content 


m 

Controllers 


m 

Models 


m 

Scripts 

A- 

ca 

Views 

a- 

& 

Global, asax 


n 

Web.config 


Figura 1.5 - Estrutura de arquivos e diretorios do website ASP.NETMVC. 
Os diretorios-padrao da aplicagao ASP.NET MVC sao: 


Diretorio 

App_Data 

Content 

Controllers 

Models 

Scripts 

Views 


Descri^ao 

Contem os arquivos do banco de dados (.MDF, .MDB), documentos xml. 
Contem os arquivos estaticos como imagens e arquivos CSS. 

Contem as classes do controlador. Recebe as requisites do usuario. Ex.: o 
usuario digita o enderego da Internet de uma pagina ou clique num linkj 

Contem as classes da camada de dados. Manipula informa^oes do banco de 
dados. / 

Contem os arquivos JavaScript, jQuery, arquivos .js em geral. 

Contem em geral arquivos .aspx, .ascx, .master, .cshtml responsaveis pela 
exibigao do conteudo ao usuario. 


A figura 1.6 lista os arquivos de cada diretorio da aplicaqao: 


Solution Explorer T QX 

bl Jiss* 


[AppCapitulol 


ffl Hi Properties 
SB- £31 References 
0 & Content 
S3 & themes 
Sh m base 
&| Site.css 
Ha Controllers 
rm Models 
0 m Scripts 

fl jquery-1.4.4.js 
i i ® jquery-1.4,4.min.js 

j jlj jquery. unobtrusive-ajax .js 
^ jquery.validate-vsdoc.js 
^ jquery.validate.js 
S»|]| jquery.validate.unobtrusive.js 
0 Bn? Views 
Ssi- iH? Shared 

j : . 1! Error.aspx 

■ ||^ Web.config 

ill" O Global.asax 
SB Web.config 


Figura 1.6 - Arquivos e diretorios da aplicagdo ASP.NETMVC. 
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A figura 1.6 exibe somente alguns arquivos do diretorio Scripts. 

Alem dos diretorios-padrao, listados anteriormente, ha diretorios com significados 
especiais: 


Diretorio 

Areas 

App_GlobalResources 
App_LocalResources 
App_Browsers 

App_Themes 


Descriqio 

O ASP.NET MVC cria uma nova estrutura de diretorios e arquivos. 
Ideal para dividir uma aplicagao grande ou criar uma area restrita no 
website. 

Contem os arquivos de recursos globais (.resx e .resources). Esses 
arquivos contem imagens, textos, arquivos etc. 

Contem os arquivos de recursos locais (.resx e .resources). Esses arquivos 
contem imagens, textos, outros arquivos etc. 

Contem os arquivos com a extensao .browser. Os arquivos .browser 
gerenciam as informagdes sobre os recursos implementados pelo na- 
vegador. 

Contem os arquivos .skin e .css responsaveis pela aparencia da aplicagao. 


1.10 Executando a aplicagao 

Para executar a aplicagao, pressione F5 ou acesse Start Debugging (F5) na barra de ferra- 
mentas do Visual Studio. Observe a figura 1.7: 


AppCapitulol - Microsoft 


File Edit View Project Debug loots Window Help 

: ._jJ ^ ^ f ■ M h “J : ^ 


l Publish: Create Publish Settings 


A 4 


4 


1 Debug 


|^artDebugging(F^| 


Figura 17 - Executando a aplicagao . 


Em seguida, e gerada a saida exibida na figura 1.8. 


r ~ ; 

C The resource cannot be found. - Alfredo Lotar f-T 

ts® 


11 40 locaihost v @ ++ X 

BB Bing 

\\j 

I Arguivo Editar Exibir Favorites Ferrarnentas Ajuda 


1 <Jjjf Favoritos The resource cannot be found. 




Server Error in Application. 


The resource cannot be found. 

Description: HTTP 404. The resource you are looking for (or one of its 
dependencies) could have been removed, had its name changed, or is 
temporarily unavailable. Please review the following URL and make sure that 


Figura 1.8 - Saida exibe uma pagina invalida. 
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Bern, esse erro acontece porque nao temos nenhuma informagao ou pagina para exibir 
no navegador. Para resolver esse problema adicionamos um controlador ao projeto." 


1.11 Controladores 

Os controladores MVC manipulam e respondem as entradas e interagoes do usuario 
e tambem interagem com as outras partes da aplicagao, como views e models. 

Para adicionar um novo controlador a aplicagao web, acesse a janela Solution Explorer. 
Clique com o botao direito do mouse no diretorio Controllers. Em seguida, aponte 
para Add e clique em Controller.... Na caixa de dialogo Add Controller digite o nome do con¬ 
trolador - HomeController. Observe a figura 1.9. 


View in Browser (Google Chrome) Ctrl+Shift+W 

Browse With... 



Controller. 


Scope to This 

Mew Solution Explorer View 
Exclude From Project 
<& Cut 
[J Copy 
Paste 
X Delete 
fcl Rename 

C* Open Folder in File Explorer 
f* Properties 


Ctrf+Shift+A 


+ 0 Existing item.,. 

New Folder 
Add ASP.NET Folder 


Solution Explorer 


Search Solution Explorer (Ctrh 

■d ||] AppCapitufol 

> f* Properties 

> References 
•I App_Data 

> m App_Start 

> til Content 


MVC 4 View Master Page (AS? 


H Fitters 

■ Images 
H Models 

■ Scripts 


Add Controller 


Controller name; 


Solution. 


Template. 


Empty MVC controller 


Figura 1.9 - Adicionando um novo controlador. 

O ASP.NETMVC requer controladores com o sufixo Controller. Exemplo: HomeController, 
DetailsController, EditController etc. O prefixo e usado nas entradas e interagoes do 
usuario. 


Exemplo: 

http: //Iocal host:1573/Home 

http: //l ocalhost :1573/Home/Detai1 s/5 

http: //Iocal host:1573/Home/Edit/5 



Obs.: os action method sao denominados tambem metodos de controlador. 
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Quando clicamos no botao Add da caixa de dialogo Add Controller, o Visual Studio acres- 
centam o arquivo HomeController.es ao diretorio Controllers e o seguinte codigo: 

using System; 

using System.Col lections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.Mvc; 

namespace AppCapitulol.Controllers { 

public class HomeController : Controller { 

// GET: /Home/ 

public ActionResult Index() { 
return View(); 

} 

} 

} 

Pressione F5. A aplicagao retorna novamente uma pagina de erro, pois ainda nao as- 
sociamos nenhum view - responsavel pela exibigao do conteudo ao usuario. 

Para resolver o problema, substitua o trecho de codigo: 

public ActionResult Index() { 
return View(); 

} 

Por: 

public ActionResult Index/) { 

return Content("<hl>01a mundo!</hl>"); 

} 

Se preferir use: 

public string Index() { 

return "<hl>01a mundo!</hl>"; 

} 

Ou: 

public void Index/) { 

Response.Write("<hl>01a mundo!</hl>"); 

} 

Pressione F5 novamente. O resultado vemos na figura 1.10. 
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O mesmo resultado e obtido quando digitamos: 

http ://Iocalhost:1029/ 
http://localhost;1029/Home 
http ://Iocalhost:1029/Home/index 



a 

I r 5 localhost v [J 

a 

Arguivo Editar 

Exibir Favoritos Ferramenta w 

Favoritos 

^ http; //localhost: 1029/ 

Ola mundo! 

1 Intranet local 

\ 100% - 1 


Figura 1.10 - Nosso primeiro exemplo em agao. 

O ASP.NET MVC usa roteamento de URLs e as regras sao registradas no metodo 
RegisterRoutes dentro do arquivo Global .asax: 

public static void RegisterRoutes(RouteCollection routes) { 
routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); 
routes.MapRoute( 

"Default", // Route name 

"{controller}/{action}/{id}", // URL with parameters 

new { controller = "Home", action = "Index", id = UrlParameter.Optional } 

); 

} 

controller e o nome da classe do controlador. action e o nome do metodo invocado. E 
id e o parametro opcional embutido na URL e usado para passar argumentos para 
o metodo. 

O formato de URL{controller}/{action}/{id} registrado no Global .asax permite as seguintes 
variaqoes de URLs: 

http://Iocalhost:1029/ 
http://Iocalhost:1029/Home 
http://Iocalhost:1029/Home/index 
http://Iocalhost:1029/Home/Create 
http://Iocalhost:1029/Home/Detai1 s/5 
http://Iocalhost:1029/Home/Edi t/25 

Obs.: baixe os arquivos de exemplo no site da Novatec Editora, assim voce nao pre- 
cisa digitar grandes quantidades de codigo. 
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1.11.1 Metodo com parametros 

Acrescente o metodo Details a classe HoraeController: 

public ActionResult Details(int id) { 

return Content("<hl>01a mundo com id = " + id + n </hl>"); 

} 

Exemplo: 
using System; 

using System.Col lections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.Mvc; 

namespace AppCapitulol.Controllers { 

public class HomeController : Controller { 
public ActionResult Index() { 

return Content("<hl>01a mundo! </hl>") ; 

} 

public ActionResult Details(int id) { 

return Content( n <hl>01a mundo com id = " + id + "</hl>"); 

} 

} 

} 

Quando pressionamos F5 ou digitamos no navegar a URL: 
http://Iocalhost:Nume roDaPorta/Home/Detai1 s/5 
E retornada a pagina exibida na figura 1.11: 


£ http://locaIhos t: 10 29/Home/De tails/5 - Atf... Q@|Xj 


&-i f ▼ jlL :• localhost vj 
Arguivo Edifcar Exibir Favoritos Ferramentas Ajuda 
Favorites 0 http: //localhost ;1029/Home/Defcails/5 j 


Ola mundo com id = 5 


Figura 111 - URL com parametros. 

Obs.: 1029 e o numero da porta usada pelo ASP.NET Development Server. Esse valor 
nao e fixo. Ao pressionar F5 no seu computador o numero da porta sera outro. Altere 
o numero da porta ou coloque a aplicagao num diretorio virtual e digite: http:// 
1ocalhost/nomediretoriovirtual /Home/Detai1 s/5 
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1.12 Master pages 

Para exibir elementos comum a todas as paginas, use master pages. Uma master page 
pode facilmente exibir menus, logos, banners, e seu layout pode conter textos estaticos, 
elementos HTML, imagens e web server controls. 

Para acrescentar uma master page a um projeto ASP.NET MVC, siga os passos des- 
critos a seguir: 

Clique com o botao direito do mouse no diretorio /Views/Shared. Selecione Add e, em 
seguida, aponte para New Item.... Observe a figura 1.12: 


Solution Explorer w □ X 








i^t.j Jf 31 li 





Convert to Web Application 


»H| AppCapitulol 

ffi & Properties 

H 

View... 



Add 

► 

ffi 13 References 

di 

tiiJ 

New Item... 

Existing Item... 

Ctrl+Shift+A 

ShiPt+Alt+A 

& 

Exclude From Protect 

Cut 

Ctrl+X 

3 Content 

0 C3 Controllers 

: ^ HomeController.es 

j bat 

New Folder 



Cop^ 

Ctrl+C 

rm Models 
® & Scripts 

\ 

Add ASP.NET Folder 

► 

St 

Paste 

Ctrl+V 

0 j^3r Views 

| 

Class... 


X 

Delete 

Del 

0 uWBM 

•• o Error.aspx 



i 

a 

Rename 

Properties 

Alt 4-Enter 

Web.config 

S . Global.asax 

S . [|p Web.config 


Figura 1.12 - Acrescentando uma nova master page. 

Na caixa de dialogo Add New Item selecione MVC 4 View Master Page (ASPX). Nomeie como Site. 
Master. Clique em Add. Observe a figura 1.13. 

O arquivo Site.Master contem o seguinte codigo: 

<%@ Master Language="C#" Inherits= ,, System.Web.Mvc.ViewMasterPage" %> 

<!DOCTYPE html> 

<html> 

<head runat="server"> 

<titlexasp:ContentPlaceHolder ID="TitleContent" runat="server" /></tit1e> 

</head> 

<body> 

<div> 

<asp:ContentPlaceHolder ID="MainContent" runat="server"> 

</asp;ContentPlaceHol der> 

</div> 

</body> 

</html> 




fC 4 View Master Page -,SPX) 


Visual C# 


AppCapitulol 


Visual C# 


MVC 4 Controller Class 


Visual C# 


Visual C# 


General 


Visual C# 


General 


Visual C* 


Markup 

MVC 


Visual C# 


Visual C# 


Scripts 
SignaIR 
Web API 


MVC 4 View Content Page (ASPX) 


Visual C# 


Stlveriight 


Visual C# 


Visual C# 


Visual C# 


Visual C# 
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Um controle ContentPlaceHolder define regides da pagina que nao tern conteudo comum 
a todas as paginas. Por exemplo, os produtos mais vendidos. 


Type: Visual C" 


Figura 1.13 - Caixa de dialogo Add New Item. 

Para formatar o website usamos folhas de estilo CSS. Acrescente a tag head da master 
page uma referenda para a tag link: 

<head runat="server"> 

<1 ink href="/Content/Site.css" reVStylesheet" type="text/css"/> 

<titlexasp:ContentPlaceHolder ID="TitleContent" runat="server"/></title> 

</head> 


O arquivo Site.css e adicionado ao diretorio Content quando criamos um novo projeto 
ASP.NET MVC e possui os seguintes seletores CSS: 

body { 

font-size: 75%; 

font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif; 
color: #232323; 
background-color: #fff; 


/* Estilos para formularios 


fieldset { 

border:lpx solid #ddd; 


MVC 4 View Page (ASPX) 
a MVC 4 View User Control (ASPX) 
jTj JavaScript File 
[js| Style Sheet 
m Web Form 


Click here to ao online and find templates. 


MVC Application View Master Pag< 


|^J MVC 4 Layout Page (Razor) 

fa MVC 4 Partial Page (Razor) 
i—c« 

|@| MVC 4 View Page (Razor) 

|^j MVC 4 View Page with Layout (Razor) 
P| HTML Page 
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padding:0 1.4em 1.4em 1.4em; 
margin:0 0 l.Sem 0; 
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legend { 

font-size:1.2em; 
font-weight; bold; 

} 

textarea { 

min-height: 75px; 

} 

.editor-label { 

margin: lem 0 0 0; 

} 

.editor-field { 

margin:0.5em 000; 

} 

/* Estilos para validagao 

- */ 

.field-validation-error { 
color: #ff0000; 

} 

.field-validation-valid { 
display: none; 

} 

.input-validation-error { 
border: Ipx solid #ff0000; 
background-color: #ffeeee; 

} 

.validation-summary-errors { 
font-weight: bold; 
color: #ff0000; 

} 

.validation-summary-valid { 
display: none; 

} 

1.12.1 Configurando a master page 

Inicialmente, usamos a master page para formatar o topo das paginas da nossa apli- 
cagao ASP.NET MVC. 

Adicione ao arquivo Site.css o trecho de codigo a seguir: 




Capftulo 1 ■ Introdu^ao ASP.NET MVC 


31 


body { 

font-size: 75%; 

font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif; 

color: #232323; 

background-color: #fff; 

margin-left: 0; 

margin-right: 0; 

margin-top: 0; 

margin-bottom: 0; 

} 

table { 

border-collapse: collapse; 
border: 0; 

} 

td { 

padding: 0; 

} 

Acrescente as tabelas a seguir ao arquivo Site. Mas ter: 

<table style="text-align: center; border: 0; width: 100%"> 

<tr> 

<td style="background-color; #006486; height: 5px;" colspan="4"> 

</td> 

</tr> 

<tr> 

<td style="height: 65px; width: 15px;"> 

<strong>L0C0 Website</strong> 

</td> 

<td style="text-align: right;"> 

<table style="width: 100%; border: 0px;"> 

<tr> 

<td style="width: 100%; text-align: right; font-size: 40px; font-family: Arial;"> 

</td> 

</tr> 

</table> 

</td> 

</tr> 

</table> 

<table style="width: 100%; text-align: center; border: 0;"> 

<tr> 

<td style="background-color; #006486; height: 5px;"> 

</td> 

</tr> 

</table> 
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Exemplo: 

<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %> 

<!DOCTYPE html> 

<html> 

<head runat="server"> 

<link href="/Content/Site.css" rel= n Stylesheet" type="text/css" /> 

<title> 

<asp:ContentPlaceHolder ID="TitleContent" runat="server" /> 

</title> 

</head> 

<body> 

<div> 

<table style="text-align: center; border: 0; width: 100%"> 

<tr> 

<td style="background-color: #006486; height: 5px;" colspan="4"> 

</td> 

</tr> 

<tr> 

<td style="height: 65px; width: 15px;"> 

<strong>L0G0 Website</strong> 

</td> 

<td sty1e="text-align: right;"> 

<table style="width: 100%; border: 0px;"> 

<tr> 

<td style="width: 100%; text-align: right; font-size: 40px; 

font-family: Arial;"> 

</td> 

</tr> 

</table> 

</td> 

</tr> 

</table> 

<table style="width: 100%; text-align: center; border: 0;"> 

<tr> 

<td style="background-color: #006486; height: 5px;"> 

</td> 

</tr> 

</table> 

<asp:ContentPlaceHolder ID="MainContent" runat="server"> 

</asp:ContentPlaceHolder> 

</div> 

</body> 

</html> 
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Para aplicar a master page em um view, basta adicionar o atributo MasterPageFile a 
diretiva @ page: 

<%@ Page Title="" Language="C#" MasterPageFile= n ~/Views/Shared/Site.Master" 

Inheri ts="Systern.Web.Mvc.Vi ewPage<dynami c>" %> 

A figura 1.14 mostra a master page Site.Master em aqao: 



Figura 114 - Cabegalho da pdgina formatada pela master page. 


Obs.: baixe os arquivos de exemplo no site da Editora Nova tec e, em seguida, copie 
o codigo anteriormente mencionado. 

1.13 Views 

View ou exibiqao - e responsavel pela apresentaqao do conteudo HTML da pagina. 
Geralmente, e definida por intermedio de arquivos ,aspx, .ascx, .master, .cshtml. 

Criar uma exibiqao a partir de um metodo de controlador MVC E o modo mais 
facil, rapido e simples. 

Clique com o botao direito do mouse no nome do metodo e, em seguida, clique em 
Add View.... Observe a figura 1.15. 

Na caixa de dialogo Add View defina o nome do view e tambem o mecanismo de exibi- 
gao - ASPX no nosso caso. Marque a caixa de seleqao com a legenda "Use a layout or 
master page:” e determine o nome da master page. Observe a figura 1.16. 
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HomeControiler.es* X 


: AppCapitulo 1. Controllers, HomeController ^| IndexQ 


using System.Web; 

using System.Web.Mvc; 

using AlfredoLotar.Livro.AspnetMvc 


namespace AppCapitulol.Controllers 


jr • Organize Usings 
Create Unit Tests. 
§1^ Insert Snippet.., 
Hi Surround With,,. 


public class HomeControiler 


Ctri+Kj Ctrl+X 
Ctrl+K, Ctrl+5 


public ActionResult IndexQ) 


Go To Definition 


return Content("<hl>01a mundo 


Shift+Fi; 


View Call Hierarchy 


Ctrl+K, Ctrl+T 


Breakpoint 


return Content("<hl>01a mundo a 


Ctrl+FlO 


Ctrl+X 


Ctrl+C 


141 ■ Copy 
HI Paste 
Outlining 


Ctrl+V 


Figura 1.15 -Adicionando um novo View. 



View name: 


Cancel 



View engine: 


j A5PX (C#) 

. £| 

n Create a strongly-typed view 


Model class: 



Scaffold template: 

1 Empty , J c, 

1 script libraries 

□ Create as a partial view 

0 Use a layout or master page: 


|'■'••/Views/Shared/Site.Master J [T. J 

ContentPlaceHolder ID: 


sMamCoritent j 


Figura 1.16 - Caixa de dialogo Add View. 
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O novo view e acrescentado ao subdiretorio Home do diretorio Views. Observe a figura 
1.17: 


Solution Explorer ^ □ X 



.. '-V •• • V •, •: "• ' • = 

s||| AppCapitulol 

® Properties 
ffl ill References 
$- & Content 
; S- £i themes 
= B Site.css 
Q Si Controllers 

3 HomeController.es 
d Models 
ffl Cl Scripts 
Gp- & Views 
; S - BH 1 Home 


[index .aspx 


i 0- Shared 

isis] Error.aspx 
Site.Master 
ft Web.config 
a fl Global.asax 
S3- ft Web.config 


Figwra 2.17 - View Index, aspx. 

Quando abrimos o arquivo Index.aspx vemos o seguinte conteudo: 

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 
Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 


<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent" runat="server"> 
Index 

</asp;Content> 

<asp:Content ID="Content2" ContentPlaceHolderID= ,, MainContent" runat="server"> 
<h2>Index</h2> 

</asp:Content> 


1.13.1 Exibindo informa$6es num view 

Normalmente, passamos informagdes de um metodo de controlador para um view 
por intermedio da propriedade ViewBag. Cuja sintaxe e: 

ViewBag .QuaIquerNome = Conteudo; 

Exemplo: 

ViewBag.Nome = "Alfredo Lotar"; 

ViewBag.Editora = "Novatec"; 

ViewBag.Idade = 37; 

ViewBag.Data = DateTime.Now; 
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Para exibir a mensagem "ASP.NET MVC!” na tela, acrescentamos ao metodo Index da 
classe HomeController a seguinte linha: 

ViewBag,Mensagem = "ASP.NET MVC!"; 

Exemplo: 

using System.Web.Mvc; 

namespace AppCapitulol,Controllers { 

public class HomeController : Controller { 
public ActionResult Index() { 

ViewBag.Mensagem = "ASP.NET MVC!"; 
return View(); 

} 

public ActionResult Details(int id) { 
return ViewQ; 

} 

} 

} 

Em seguida, adicionamos a linha a seguir: 

<%:ViewBag.Mensagem%> 

Ao arquivo Index.aspx. Exemplo: 

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 

Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 

<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent" runat="server"> 

Index 

</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<h2><%: Vi ewBag. Mensagem%x/h2> 

</asp:Content> 

A saida no ASP.NET MVC e gerada pela expressao inline: <%: expressao %> 

Obs.: as versoes 1 e 2 do ASP.NET MVC usam a expressao <%= expressao %> em vez 
de <%: expressao %>. 


1.13.2 Acrescentando um link ao view 

O modo mais usado para linkar paginas no ASP.NET MVC e por intermedio do 

metodo ActionLink. Exemplo: 


<%:Html.ActionLink("Volta para pagina inicial", "Index") %> 
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O primeiro parametro do metodo ActionLink define o texto do link; o segundo, o nome 
do metodo que deve ser executado; o terceiro parametro opcional embutido na URL 
e usado para passar argumentos para o metodo. 

Para exemplificar, altere o metodo Details da elasse HomeController para: 

public ActionResult Details(int id) { 

ViewBag.Mensagem = "Detalhes id = " + id; 
return View(); 

} 

Em seguida, associe um novo view para o metodo Details. Observe a figura 1.18. 

Na pagina Details.aspx acrescente as linhas a seguir: 

<h2> 

<%:ViewBag.Mensagem%> 

</h2> 

<%:Html.ActionLink("Volta para pagina inicial", "Index") %> 



Figura 118 - Criando um novo View. 
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Exemplo: 

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 
Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 

<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent" runat="server"> 
Detalhes 
</asp:Content> 

<asp:Content ID= n Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<h2> 

<%:ViewBag.Mensagem%> 

</h2> 

<%:Html.ActionLink("Volta para pagina inicial", "Index") %> 

</asp:Content> 


E no arquivo Index. aspx acrescente a linha: 

<%:Html.ActionLink("Pagina detalhes", "Details", new {id = 5}) %> 

Navegue entre as paginas e veja os links funcionando. Observe a figura 1.19: 


[ 0 Index - Alfredo Lotar (tiTlFll® 
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ASP.NET MVC 3! 
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■ 
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Volta oara oaairia inicial 



b 


b 



httpi/floca#* ^jlntranettocai 4 ^ -■ % 125% » 
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•» ; 
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Figura 1.19 - Testando links desenvolvidos com o metodo ActionLink. 


1.14 Models 

O model contem as classes da camada de dados, ou seja, contem as rotinas de acesso 
e manipulagao de dados provenientes de diferentes origens de dados, por exemplo, 
banco de dados SQL Server, Oracle, MySQL, documentos XML etc. 

Os arquivos da camada de dados sao armazenados no diretorio Models. 

Para facilitar a manutengao, os testes e evitar a duplicagao de codigos, divida, por 
exemplo, a camada de dados em: um ou mais objetos Entity Lramework e os ma~ 
nipule por intermedio de uma classe e uma interface. No capitulo 4 abordaremos o 


assunto novamente. 
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Para ilustrar o que foi abordado ate o momento, criamos uma nova classe no diretorio 
Models, conforme a figura 1.20: 



Convert to Web Application 
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Add ASP.NET Folder 
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Figura 120 - Acrescentando uma nova classe. 

Em seguida, na caixa de dialogo Add New Item definimos o nome da dasse. Observe a 
figura 1.21: 



Add New Item - AppCapitulol 


Online Templates 


Installed Templates 


Sort by: i Default 


Type: Visual C# 

An empty class declaration 


Visual C# 


MVC 3 Controller Class 


MVC 3 Layout Page (Razor) 


Jilverlight 


MVC 3 Partial Page (Razor) 


MVC 3 View Page (Razor) 


Visual C# 


MVC 3 View Page with Layout (Razor) 


MVC 3 View Content Page (ASPX) 


Visual C# 


MVC 3 View Master Page (ASPX) 


Visual C# 


MVC 3 View User Control (ASPX) 


Visual C# 


Visual C# 


Web Form using Master Page 


Web User Control 


Visual C# 


Master Page 


Cancel 


Figura 121 - Caixa de dialogo Add New Item. 
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Ao clicar no botao Add da caixa de dialogo Add New Item e acrescentado ao diretorio Model s 
o arquivo Cidades.es com o seguinte codigo: 

using System; 

using System.Col 1ections.Generic; 
using System.Linq; 
using System.Web; 

namespace AppCapitulol.Models { 
public class Cidades { 

} 

} 

O passo seguinte e alterar o codigo gerado. Alteramos o nome da namespace de: 

namespace AppCapitulol.Models { 

Para: 

namespace AlfredoLotar.Livro.AspnetMvc { 

E acrescentamos tres propriedades: 

public int CidadelD { get; set; } 
public string Nome { get; set; } 
public string Estado { get; set; } 

A seguir temos o codigo da classe Cidades com as alteragoes: 
using System; 

using System.Col1ections.Generic; 
using System.Linq; 
using System.Web; 

namespace AlfredoLotar.Livro.AspnetMvc { 
public class Cidades { 

public int CidadelD { get; set; } 
public string Nome { get; set; } 
public string Estado { get; set; } 

} 

} 

Antes de acessar os membros da classe Cidades e preciso compila-la. Observe a figura 
1 . 22 : 
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Figura 122 - Compilando a aplicagao a partir do menu Debug. 


1.14.2 Criando uma instancia da dasse Cidades 

O proximo passo do nosso exemplo e a criagao de uma instancia da classe Cidades em 
urn metodo de controlador qualquer. Nomeamos o metodo como Index. Se preferir, 
use qualquer outro nome. 

Exemplo: 

using System.Web.Mvc; 

using A1fredoLotar.Livro.AspnetMvc; 

namespace AppCapitulol.Controllers { 

public class HomeController : Controller { 
public ActionResult Index() { 
var model = new Cidades() { 

CidadeID=l, 

Nome="Sao Paulo", 

Estado="SP" 

}; 

return View(model); 

} 

} 


} 
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1.14.3 Acrescentando um view 

Clique com o botao direito do mouse no metodo Index e, em seguida, clique em Add 
View..., Na caixa de dialogo Add View marque a caixa de selegao Create a strongly-typed view e 

selecione na caixa de combinagao Model Class: Cidades (AlfredoLotar.Livro.AspnetMvc), con- 
forme a figura 1.23: 



IH 


■■ 

E 

View name: 

j Index 

——- 



□ 

View engine: 

[ ASPX (C#) 

-- 

a ' ^ 




0 Create a strongly-typed view 
Model class: 
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v 0 1 Reference script teraries 


PI Create as a partial view 
0 Use a layout or master page: 


•'-'/Views/Shared/Site. Master 


]□ 


ContentPlaceHolder ID: 
jMainContent 




Cancel 


Figura 1.23 - Caixa de dialogo Add View. 


Apos clicar em Add e adicionado o arquivo Index.aspx ao diretorio Views\Home com o 
seguinte codigo: 

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 

Inherits="System.Web.Mvc.ViewPage<A1fredoLotar.Livro.AspnetMvc.Cidades>" %> 


<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent n runat= !, server"> 
Index 

</asp:Content> 


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<h2>Index</h2> 

</asp:Content> 

A classe usada pelo view e declarada na diretiva @ Page: 

<%@ Page Title="" Language="C#" MasterPageFi1e="~/Views/Shared/Site.Master" 
Inherits="System.Web.Mvc.ViewPage<AlfredoLotar.Livro.AspnetMvc.Cidades>" %> 
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No view, as propriedades da classe Cidades sao acessadas por intermedio do objeto Model: 


<%:Model.CidadelD %> 

<%;Model.Nome %> 

<%:Model.Estado %> 

Exemplo: 

<%@ Page Title= n " Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 
Inherits="System.Web.Mvc.ViewPage<AlfredoLotar.Livro.AspnetMvc.Cidades>" %> 

<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent" runat="server"> 
Cidades 
</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<h2>Cidades</h2> 

<%:Model.CidadelD %> 

<%:Model.Nome %> 

<%:Model.Estado %> 

</asp:Content> 

A saida no navegador voce ve na figura 124: 




IL localhost v| 

|S Bing 

Arguivo Editar Exibir Favorites 

Ferramentas Ajuda 

^ Favoritos ; gS Cidades 

■ 1 1 

LOGO 

Website 


Cidades 

1 Sao Paulo SP 


Intranet local 

; •<% - % 100% - 


Figura 124 - Exemplo em agao . 
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Controladores 


O controlador (controller de uma aplicagao ASP.NET MVC) content as classes e os 
metodos de controlador. E por meio dessas classes e metodos que sao processadas 
as requisites do usuario. Requisigao pode ser um clique em um link no website, a 
digitagao e acesso a um enderego de Internet no navegador ou enviar o conteudo de 
um formulario. 

Nas classes e nos metodos de controlador aplicamos atributos para limitar a operagao 
executada, para nomear metodos de controlador, definir cache, restringir o acesso a 
determinados usuarios ou paginas com SSL. 

Os metodos de controlador retornam diferentes tipos, por exemplo, notagoes JSON, 
conteudo JavaScript e de arquivos (.pdf, .doc etc.), view, partial view, entre outros. 

2.1 Desenvolvendo uma nova aplicagao 

Inicie o Visual Studio. Acesse o menu File e clique em New Project..., Na caixa de dialogo 

New Project selecione Web > Visual Studio 2012 > ASP.NET MVC 4 Web Application. Nomeie o projeto 
como AppCapitu1o2. Clique em OK. 

Acrescente ao diretorio Models o arquivo Cidades.es. Siga os passos descritos no topico 
“ 1.14.1 Acrescentando uma nova classe”. 

Como ja mencionamos no capitulo anterior, para adicionar um novo controlador a 
aplicagao web, acesse a janela Solution Explorer e clique com o botao direito do mouse no 
diretorio Controllers. Em seguida, aponte para Add e clique em Controller.... Na caixa de 
dialogo Add Controller digite o nome do controlador — HomeCont roller. Observe a figura 2.1. 

Quando marcamos a caixa de selegao Add action methods for Create, Update, Delete, and Details sce¬ 
narios, automaticamente, criamos metodos para inserir, editar e excluir informagoes. 
Details e usado para exibir informagoes espedficas de um registro. 


44 
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Figura 21 -Adicionando um novo controlador. 

Ao clicar em Add, o codigo a seguir e inserido no arquivo HomeController.es: 

using System.Web.Mvc; 

namespace AppCapitulo2.Controllers { 

public class HomeController : Controller { 

// GET: /Home/ 

public ActionResult Index() { 
return View(); 

} 


// GET: /Home/Details/5 
public ActionResult Details(int id) { 
return View(); 

} 


// GET: /Home/Create 
public ActionResult CreateO { 
return View(); 

} 


// POST: /Home/Create 
[HttpPost] 
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public ActionResult Create(FormCollection collection) { 
try { 

// Codigo aqui 

return RedirectToAction("Index"); 

} 

catch { 

return View(); 

} 

} 

// GET: /Home/Edit/5 
public ActionResult Edit(int id) { 
return View(); 

} 

// POST: /Home/Edit/5 
[HttpPost] 

public ActionResult Edit(int id, FormCollection collection) { 
try { 

// Codigo aqui 

return RedirectToAction("Index"); 

} 

catch { 

return View(); 

} 

} 

// GET: /Home/Delete/5 
public ActionResult Delete(int id) { 
return ViewQ; 

} 

// POST: /Home/Delete/5 
[HttpPost] 

public ActionResult Delete(int id, FormCollection collection) { 
try { 

// Codigo aqui 

return RedirectToAction("Index"); 

} 

catch { 

return ViewQ; 

} 

} 

} 

} 
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2.2 Classe controladora 

Aclasse controladora herda as fungoes da classe Controller, 
public class HomeController ; Controller {...} 

E todos os metodos acessados pelo usuario sao membros publicos da classe contro¬ 
ladora. 

Exemplo: 

using System.Web.Mvc; 

namespace AppCapitulo2.Controllers { 

public class HomeController : Controller { 
public ActionResult Index() { 
return View(); 

} 

} 

} 

No ASP.NET Web Forms voce acessa paginas: 

http://www.novatec.com.br/default.aspx 

No ASP.NET MVC voce invoca metodos quando digita a URL no navegador ou clica 
em um link: 

http://www.novatec.com.br/Home 

http://www.novatec.com.br/Home/Detai1 s/5 

A URL tern o seguinte formato: 

http://www.novatec.com.br/{controller}/{action}/{id} 4 

Aseguir listamos os metodos usados pela maioria das aplicagoes ASP.NET MVC: 


A$ao 

URL de exemplo 

Index 

Home/Index 

Create 

Home/Create 

Details 

Home/Details/10 

Insert 

Home/Insert 

Edit 

Home/Edit/10 

Update 

Home/Update/10 

Destroy 

Home/Destroy/10 

Delete 

Home/Delete/10 

Login 

Home/Login 

Logout 

Home/Logout 

Authenticate 

Home/Authenticate 
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Voce pode criar metodos com qualquer outro nome ou usar metodos com nomes 
em portugues. Exemplo: Indice, Criar, Detalhes, Inserir, Editar, Atualizar, Confi rmar, Excluir, 
Acessar, Sai r, Autenticar. 

Os metodos de agao da classe controladora sempre retornam ActionResult: 

public ActionResult Index() { 
return View(); 

} 

E, quando parece que nao retornam ActionResult, retornam uma classe derivada, her- 
dada de ActionResult. 

Exemplo: 

public string Index() { 

return "<hl>01a mundo!</hl>"; 

} 

O metodo Index retorna uma string que e convertida para a classe derivada ContentResult 
de ActionResult: 

public class ContentResult : ActionResult 

2.2.1 Parametros 

No ASP.NET Web Forms, para capturar as informagoes postadas por uma pagina, e 
preciso escrever codigo especifico para extrair os parametros: 

int resultado; 

if (Int32.TryParse(Request.QueryString["id"].ToStringO, out resultado)) 

{} 

Ou o conteudo de um campo de formulario: 
string nome = Request.Form[ ,, txtNome H ] .ToStringO; 

Agora, no ASP.NET MVC existe um mecanismo denominado Model Binders.^ 

Model binder no ASP.NET MVC prove um modo simples de mapear informagoes 
postadas para um tipo de dados do .NET Framework. Esse tipo e passado para um 
metodo de controlador como um parametro. 

A classe DefaultModelBinder mapeia os seguintes tipos de objetos para uma requisigao 
do navegador: 

• Tipos primitivos, como String , Double, Decimal, ou objetos DateTime. 

• Classes, como Person, Categorie, ou Product. 

• Colegoes, como ICollection<T>, IList<T>, ou IDictionary<TKey, TValue>. 
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Por exemplo, os campos do formulario a seguir: 

<form action="/Hotne/Create" method="post"> 

<div class="editor~field"> 

<input name="CategoryNafne" type="text" va1ue="" /> 

</div> 

<div class="editor-field"> 

<textarea cols="20" name="Description" rows="2" style="width: 250px;"x/textarea> 

</div> 

<p> 

<input type="submit" value="Create" /> 

</p> 

</form> 

Sao mapeados para o metodo de controlador Create: 

public ActionResult Create(string CategoryName, string Description) { 

// Restante do codigo aqui 
return View(); 

} 

As propriedades da classe Product: 

public class Product { 

public int ProductID { get; set; } 
public string ProductName { get; set; } 
public int SupplierlD { get; set; } 
public int CategorylD { get; set; } 
public decimal UnitPrice { get; set; } 
public short UnitsInStock { get; set; } 

public short UnitsOnOrder { get; set; } 

public short ReorderLevel { get; set; } 

public bool Discontinued { get; set; } 

} 

Tambem podem ser mapeadas: 

public ActionResult Create(Product p) { 

// Restante do codigo aqui 
return ViewQ; 

} 

O model binder cria uma nova instancia da classe Product e preenche as propriedades 
da classe com os valores passados pela requisigao do navegador. Assim nao precisamos 
escrever codigo especifico para extrair informagoes passadas por uma requisigao. 

Por exemplo, as linhas a seguir inserem um novo produto na tabela Product do banco 
de dados Northwind: 
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NorthwindBD db = new NorthwindBD(); 

[HttpPost] 

public ActionResult Create(Product p) { 

try { 

if (!Model State.IsValid) return View(); 
db.AddToProducts(p); 
db.SaveChangesO; 
return RedirectToAction("Index"); 

} 

finally { 

if (db != null) db.DisposeO; 

} 

} 

Nao e preciso escrever codigo espedfico para capturar os dados digitados no formu- 
lario. Esse trabalho e realizado pelo model binder. 

Obs.: os exemplos deste livro usam o banco de dados Northwind. Para cria-lo execute 
o arquivo CriarNorthwindBD.bat localizado nos arquivos de exemplo deste livro. Ou 
execute os arquivos Northwind.sql e Createdatabase.sql no SQLServer 2008 Manage¬ 
ment Studio. 

Resultado semelhante voce obtem quando usa a classe FormCollection e o metodo 
TryUpdateModel. 

Exemplo: 

NorthwindBD db = new NorthwindBD(); 

[HttpPost] 

public ActionResult Create(FormCollection collection) { 
try { 

if (!Model State.IsValid) return View(); 
var p = new ProductO; 

this.TryUpdateModel(p, collection.ToValueProviderO); 

db.AddToProducts(p); 

db.SaveChangesO; 

return RedirectToAction("Index"); 

} 

finally { 

if (db != null) db.DisposeO; 

} 

} 

O metodo TryUpdateModel atribui os campos do formulario para uma instancia da 
classe Product: 

var p = new ProductO; 

this.TryUpdateModel(p, collection.ToValueProviderO); 
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Model State. IsVal id valida os campos do formulario: 
if (!Model State.IsValid) return View(); 

Obs.: a criagao de formularios e abordada no capitulo 7 e a verificagao e validagao 
de informagoes, no capitulo 8. 

2.2.1.1 Valor-padrao de parametros 

Voce pode definir valores-padrao para parametros por intermedio do atributo 

DefaultValue: 

public ActionResult Detai 1 s([DefaultValue(5)]int id) { 

ViewBag.Mensagem = "Detaihes id = " + id; 
return View(); 

} 

Ou diretamente: 

public ActionResult Detai1s(int id=5) { 

ViewBag.Mensagem = "Detaihes id = " + id; 
return ViewQ; 

} 

Pode permitir que um parametro aceite valores nulos: 
public ActionResult Detai 1 s(i nt? id) {} 

E fazer verificagdes: 

public ActionResult Detai1s(int? id) { 
if (Hd.HasValue) 

return RedirectToAction("Index"); 

ViewBag.Mensagem = "Detaihes id = " + id; 
return View(); 

} 

No exemplo, o metodo RedirectToAction redireciona o usuario para a pagina inicial. 
Obs.: importe a namespace System.ComponentModel para o atributo DefaultValue. 

2.2.2 Usando o atributo AcceptVerbs 

0 atributo AcceptVerbs permite definir agoes para operagoes HTTP especificas. Voce 
determina quais operagoes HTTP, um metodo de controlador ira responder. 

Por exemplo, quando temos um formulario de insergao, usamos dois metodos com 
o mesmo nome, mas com parametros diferentes. 

0 primeiro e usado para exibir o formulario em branco. E invocado somente por 
operagoes HTTP GET: 
public ActionResult CreateO { 
return ViewQ; 

} 
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Ou: 

[AcceptVerbs(HttpVerbs.Get)] 
public ActionResult CreateO { 
return View(); 

} 

O segundo insere as informagdes dos campos do formulario no banco de dados, e e 
invocado somente por operagoes HTTP POST: 

[AcceptVerbs(HttpVerbs.Post)] 
public ActionResult Create(Product p) { 
if ('ModelState.IsValid) return View(); 
db.AddToProducts(p); 
db.SaveChanges(); 
return RedirectToAction("Index"); 

} 

Exemplo: 

using System.Web.Mvc; 

using A1fredoLotar.Livro.AspnetMvc; 

namespace AppCapitulo2.Controllers { 

public class HomeController : Controller { 

NorthwindBD db = new NorthwindBD(); 
public ActionResult Index() { 

ViewBag.Mensagem = "ASP.NET MVC!"; 
return View(); 

} 

public ActionResult CreateO { 
return View(); 

} 

[AcceptVerbs(HttpVerbs.Post)] 
public ActionResult Create(Product p) { 
try { 

if (!Model State.IsValid) return View(); 
db.AddToProducts(p); 
db.SaveChangesO; 
return RedirectToAction("Index"); 

} 

finally { 

if (db != null) db.DisposeO; 

} 

} 

} 

} 


Obs.: alem das operagoes HTTP GET e POST o atributo AcceptVerbs pode ser definido com 
outros tipos de operagoes, como: PUT, DELETE, HEAD. 
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A partir do ASP.NET MVC 2 usamos os atributos [HttpPost], [HttpGet], [HttpPut], 
[HttpDelete], em vez de [AcceptVerbs(HttpVerbs. Post)], [AcceptVerbs(HttpVerbs .Get)], 
[AcceptVerbs(HttpVerbs.Put)], [AcceptVerbs(HttpVerbs.Delete)]. Mais faceis para ler e digitar. 

Exemplo: 

[HttpGet] 

public ActionResult CreateQ { 
return View(); 

} 

[HttpPost] 

public ActionResult Create(Product p) { 
if (!Model State.IsValid) return View(); 
try { 

db.AddToProducts(p); 

db.SaveChangesQ; 

return RedirectToActionC'Index"); 

} 

finally { 

if (db != null) db.DisposeQ; 

} 

} 

2.2.3 Atributo ActionName 

0 atributo ActionName e usado para nomear um metodo de controlador. No exemplo a 
seguir, temos dois metodos diferentes que respondem a mesma agao: 

[ActionName("Create")] 

[HttpGet] 

public ActionResult CreateGetO { 
return View(); 

} 

[ActionName("Create")] 

[HttpPost] 

public ActionResult CreatePost(Product p) { 
if (!Model State.IsValid) return View(); 
try { 

db.AddToProducts(p); 

db.SaveChangesO; 

return RedirectToActionC'Index"); 

} 

finally { 

if (db != null) db.DisposeO; 

} 
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Se preferir, coloque os atributos na mesma linha, separados por virgula: 

[HttpPost, ActionName("Create")] 

public ActionResult CreatePost(Product p) {...} 


2.2.4 Atributo NonAction 


O atributo NonAction indica que um metodo publico de controlador nao pode ser 
invocado ou executado pelo usuario. Desativa o metodo de controlador. Exemplo: 

[NonAction] 

public ActionResult Details(int? id=5) { 
if (lid.HasValue) 

return RedirectToAction("Index"); 

ViewBag.Mensagem = "Detalhes id = " + id; 
return ViewQ; 

} 


Ao invocar o metodo Details e retornada uma mensagem de erro, conforme figura 2.2: 


sC The resource cannot be found. - Alfredo Lotar 


H 




Arguivo Editar Exibir Favoritos Ferramentas Ajuda 


Favoritos 


g The resource cannot be found. 


Server Error in '/' Application. 


The resource cannot be found. 


Description: HTTP 404. The resource you are looking for (or one of its 
dependencies} could have been removed, had its name changed, or is 
temporarily unavailable. Please review the following URL and make sure that it 
is spelled correctly. 

Requested URL: /bome/details/5 


Version Information: Microsoft .NET Framework Versions.G.3Q319; 
ASP.NET Version .4.0.3031 f. 1 


'yfo Intranet local 


4$ - ^100% - 


Figura 2.2 - O atributo NonAction desativou o metodo Details. 


2.2.5 Atributo Bind 

Geralmente, usamos o atributo Bind para definir as propriedades permitidas. 
Exemplo: 

[HttpPost,ActionName("Create")] 

public ActionResult CreatePost([Bind(Exclude = "ProductID, UnitPrice")] Product p) { 
return RedirectToAction("Index"); 

} 
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Apropriedade Exclude exclui e a propriedade Include define as propriedades usadas 
pelo metodo CreatePost. Exemplo: 

[HttpPost,ActionName("Create")] 

public ActionResult CreatePost([Bind(Include = "ProductName, CategorylD, QuantityPerUnit, 
Discontinued")] Product p) { 
return RedirectToAction("Index"); 

} 

Ou: 

[HttpPost,ActionName("Create")] 

public ActionResult CreatePost([Bind(Include = "ProductName, CategorylD, QuantityPerUnit, 
Discontinued", Exclude = "ProductID")] Product p) { 
return RedirectToAction("Index"); 

} 

0 atributo Bind pode ser aplicado a um parametro ou a uma classe. Exemplo: 

[Bind(Include = "ProductName, CategorylD, QuantityPerUnit, Discontinued")] 
public class HomeController : Controller 
{} 

Apropriedade Prefix associa uma marcagao — campo de formulario com um parametro 
de um metodo de controlador: 

[HttpPost,ActionName("Create")] 

public ActionResult CreatePost([Bind(Prefix = "txt")] Product p) 

{} 

0 campo do formulario no view pode ser definido da seguinte forma: 

<%: Html,TextBox("txt.ProductName")%> 

2.2.6 Metodo HandleUnknownAction 

E possivel exibir o conteudo de um view sem um metodo de controlador associado? 
Sim, e possivel, basta incluir na classe controladora o seguinte trecho de codigo: 

protected override void HandleUnknownAction(string actionName) { 
try { 

this.View(actionName).ExecuteResult(this,Control 1erContext); 

} 

catch (InvalidOperationException) { 

this.View("NotFound").ExecuteResult(this.ControllerContext); 

} 

} 

Recurso util para expor paginas de conteudo estatico como a pagina “Quern somos” 
do website. 
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Por exemplo, quando o usuario digita: 

http: //I ocal host: 1034/home/quefnsomos 

O view denominado quemsomos.aspx, quemsomos.ascx ou quemsomos.cshtml e invocado e o 
conteudo exibido no navegador. 

2.2.7 Atributo HandleError 

Quando ocorre um erro especifico na aplicagao, o atributo HandleError pode ser usado 
para redirecionar o usuario para um view predeterminado. 

Para ativar o atributo HandleError, defina o elemento custoinErrors no arquivo de confi- 
guraqao web.config: 

<?xml version="1.0" encoding="utf-8"?> 

<configuration> 

<system.web> 

<customErrors mode="0n" defaultRedirect="Error" /> 

</system.web> 

</configuration> 

E aplique o atributo a uma classe de controlador: 

[HandleError] 

public class HomeController : Controller {} 

Ou metodo de controlador: 

[HandleError] 

public ActionResult Indexf) { 

throw new InvalidOperationExceptionO; 
return View(); 

} 

Obs.: a palavra-chave throw foi usada no exemplo para disparar a excegao automati- 
camente. Nao e obrigatoria quando usamos o atributo HandleError. 

Se necessario, defina as propriedades do atributo HandleError: 

[HandleError(View = "Error", ExceptionType = typeof(InvalidOperationException))] 
public ActionResult Index() { 

throw new InvalidOperationExceptionO; 
return View(); 

} 

A propriedade View define o nome do view que deve ser exibido quando o erro ocor- 
rer. E a propriedade ExceptionType define o tipo de exceqao que o filtro deve capturar. 

Obs.: para que o atributo HandleError funcione corretamente, e preciso executar a 
aplicagao a partir de um diretorio virtual. 
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2.2.8 Criando atributos 

Voce pode criar seus proprios atributos com a classe ActionMethodSelectorAttribute. O 
processo e bem simples. Crie uma nova classe derivada de ActionMethodSelectorAttribute 
no diretorio Models e modifique o metodo IsValidForRequest. Exemplo: 

using System.Reflection; 

using System.Web; 

using System.Web.Mvc; 

namespace AlfredoLotar.Livro.AspnetMvc { 

public class AuthenticatedAttribute ; ActionMethodSelectorAttribute { 

public override bool IsValidForRequest(ControllerContext controllerContext, 

Methodlnfo methodlnfo) { 

return HttpContext.Current.Request.IsAuthenticated; 

} 

} 

} 

0 codigo personalizado do atributo e colocado no metodo IsValidForRequest: 

public override bool IsValidForRequest(ControllerContext controllerContext, 

Methodlnfo methodlnfo) { 

return HttpContext.Current.Request.IsAuthenticated; 

} 

Apos compilar a nova classe, a namespace e declarada antes da classe de controlador: 

using AlfredoLotar.Livro.AspnetMvc; 

E a classe AuthenticatedAttribute e declarada em um metodo de controlador: 
[Authenticated] 

public ActionResult Admin() { 

return Content("<hl>Usuario autenticado.</hl>"); 

} 

Exemplo: 

using System.Web; 
using System.Web.Mvc; 
using AlfredoLotar.Livro.AspnetMvc; 
namespace AppCapitulo2.Controllers { 

public class HomeController : Controller { 

public ActionResult Index() { return View(); } 

[Authenticated] 

public ActionResult AdminQ { 

return Content("<hl>Usuario autenticado.</hl>"); 

} 

} 

1 

Somente usuarios autenticados conseguem exibir a mensagem “Usuario autenticado.” 
no navegador. 
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2.2.9 Atributo SessionState 

O estado de sessao do ASP.NET usa variaveis de sessao para armazenar informagoes uni- 
cas e exclusivas de determinado usuario. Por exemplo: itens de um carrinho de compras, 

Para ativar, desativar ou tornar somente leitura o estado de sessao do ASP.NET MVC, 
use a enumeragao SessionStateBehavior e o atributo SessionState. Exemplo: 

[SessionState(SessionStateBehavior.Readonly)] 
public class HomeController : Controller { 
public ActionResult Index() { 

// Session["nome"] = "Alfredo Lotar"; 
return ViewQ; 

} 

} 


Obs.: a enumeragao SessionStateBehavior pertence a namespace System.Web. 
SessionState. 

Para armazenar informagoes em uma variavel de sessao use: 

Session["nome"] = "Alfredo Lotar"; 

Ou: 

Session.Add("nome", "Alfredo Lotar"); 

Obs.: quando o estado de sessao do ASP.NET MVC e definido como somente leitura 
ou e desativado, voce nao pode armazenar informagoes em uma variavel de sessao. 

Para ler o conteudo de uma variavel de sessao, realizamos uma conversao explicita. 
Exemplo: 

public ActionResult Ler() { 

if (Session["nome"l != null) { 

return Content(Session["nome"] .ToStringO); 

} 

return RedirectToAction("Index"); 

} 

Ou use <%:Session["nome"]%> num view. 

Alerta: evite ataques de negagao de servigo (DOS) utilizando variaveis de sessao 
somente em paginas restritas, ou seja, protegidas por login. 

O identificador de sessao pode ser lido com a propriedade SessionID: 

public ActionResult SessionIDO { 
return Content(Session.SessionID); 

} 


Para finalizar uma sessao, use o metodo Abandon. 



Capi'tulo 2 ■ Controladores 


59 


public ActionResult Sair() { 

Session.Abandon(); 

return RedirectToAction("Index"); 

} 


Obs.: uma sessao e encerrada automaticamente quando o arquivo Global .asax ou o 
arquivo web. confi g e alterado. Reiniciar o servidor no qual a aplicagao ASRNET se en- 
contra tambem encerra a sessao. Cuidado com softwares antivirus, pois eles podem 
alterar os arquivos Global .asax e web.confi g e assim encerrar uma sessao. 

Os eventos Session_OnStart e Session_0nEnd sao manipulados no arquivo Global.asax. 

Session_OnStart e executado quando uma nova sessao e iniciada e SessionJMnd quando 

a sessao e finalizada. Exemplo: 

protected void Session_Start(object sender, EventArgs e) { 

Response.Write("Seja bem vindo usuario."); 

} 


2.2.9.1 Formas de armazenamento 

As informagoes contidas em variaveis de sessao podem ser armazenadas em diferentes 
meios. Os principais meios de armazenamento suportados sao: 


Modo 

Descrigao 

InProc 

Armazena as informagoes na memoria do servidor, ou seja, no mesmo processo 

do ASP.NET. E a opgao-padrao. 

StateServer 

Em vez do processo do ASP.NET, usa um processo separado chamado de 
servigo de estado do ASP.NET para armazenar as informagoes. Permite o 
compartilhamento de informagoes entre servidores. 

SQLServer 

Armazena as informagoes em um banco de dados SQL Server. Permite o com¬ 
partilhamento de informagoes entre servidores. 

Custom 

Permite que as informagdes sejam armazenadas em uma origem de dados 
personalizada. 

Off 

Exemplo: 

Nao permite a utilizagao de variaveis de sessao. Util em aplicagoes pequenas. 


<?xml version="1.0" encoding="utf-8"?> 

<configuration> 

<system.web> 

<sessionState cooki eless="false"/> 

</system.web> 

</configuration> 

Obs.: as informagoes contidas nesse topico foram adaptadas a partir do topico 43 
Session state - variaveis de sessao do meu livro Como programar com ASRNET e 
C# 2 a edigao, tambem publicado pelo Novatec. 




60 


Programando com ASP.NET MVC 


2.2.1 OTipos retornados de ActionResult 

Metodos declarados no controlador retornam classes derivadas de ActionResult. O tipo 
retornado depende diretamente da tarefa executada e do metodo usado. Exemplo,o 
metodo View retorna ViewResult derivado de ActionResult. 

A seguir listamos as classes derivadas de ActionResult e seus respectivos metodos. 


Classe derivada ( 
ActionResult 

e 

Metodos 

Descri$ao 

ViewResult 

View 

Usado para exibir um view. 

PartialViewResult 

PartialView 

Usado para exibir um user control. Tambem denominado 
partial view. 

ContentResult 

Content 

Retorna a saida como texto puro. 

EmptyResult 


Metodo de controlador nao retorna nada. Semelhante a 
palavra-chavevoid. 

FileResult 

File 

A saida e conteudo de um arquivo. 

HttpUnauthorizedResult 


Representa acesso nao autorizado. 

lavaScriptResult 

JavaScript 

A resposta e enviada como conteudo JavaScript. 

IsonResult 

Json 

A resposta e enviada em forma de notates JSON. 

RedirectResult 

Redirect,RedirectPermanent 

Redireciona o usuario para uma pagina especifka. 

RedirectToRouteResult 

RedirectToAction, 

RedirectToRoute, 

RedirectToActionPermanent, 
RedirectToRoutePermanent 

Redireciona o usuario para um metodo de controlador ou 
rota especifica. 

HttpNotFoundResult 


Retorna uma pagina nao encontrada. 

HttpStatusCodeResult 

Metodo definido pelo programador. 

Retorna um codigo de status HTTP definido pelo 
programador. 


2.2.10.1 Retornando ViewResult 

Aclasse ViewResult por intermedio do metodo View retorna uma saida HTML. Exemplo: 

public ActionResult Index() { 
return ViewQ; 

} 

O nome do view e implicito, ou seja, o ASP.NET MVC executa o view que tern o mes- 

mo nome do metodo de controlador. O nome do view executado pode ser definido 

tambem explicitamente: 

public ActionResult Index() { 
return View("Index"); 

} 

Ou voce pode passar o caminho para o view: 

public ActionResult Index() { 

return View("~/Views/Home/Index.aspx H ); 

} 
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0 model usado tambem pode ser passado para o metodo View: 
private NorthwindBD db = new NorthwindBDQ; 
public ActionResult Index() { 
try { 

var model = db.Categories.AsParallel().ToListO; 
return View("Index", model); 

} 

finally { 

if (db != null) db.DisposeO; 

} 

} 

Assim como a master page: 

private NorthwindBD db = new NorthwindBDQ; 
public ActionResult IndexQ { 
try { 

var model = db.Categories.AsParallel().ToListO; 
return ViewQIndex", "ViewMasterPagel"); 

} 

finally { 

if (db != null) db.DisposeO; 

} 

} 

Oil ambos: 

private NorthwindBD db = new NorthwindBDO; 
public ActionResult IndexQ { 
try { 

var model = db.Categories.AsParallel().ToListO; 
return View("Index", "ViewMasterPagel", model); 

} 

finally { 

if (db != null) db.DisposeO; 

} 

} 

2.2.10.2 Retornando PartialViewResult 

Pode ser usado para carregar trechos de uma pagina contidos em um user control. 
Por exemplo, o user control - partial view ViewMenu.ascx content um menu simples: 

<ul> 

<li>Home</li> 

<1i>Eletronica</li> 

<li>Idiomas</li> 

<li>Negocios</li> 
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<li>Programagao</li> 

<li>Seguranga</li> 

<li>UML</li> 

</ul> 

Exibido com o metodo PartialView: 

public ActionResult Menu() { 

return PartialView("ViewMenu"); 

} 

Exemplo: 

using System; 

using System.Web.Mvc; 

namespace AppCapitulo2.Controllers { 

public class HomeController : Controller { 

public ActionResult IndexQ { 
return ViewQ; 

} 

public ActionResult Menu() { 

return PartialView("ViewMenu"); 

} 

} 

} 

Restrinja o acesso direto ao user control com o atributo ChildActionOnly: 

[Chi 1 dActionOnly] 

public ActionResult Menu() { 

return PartialView("ViewMenu"); 

} 

Para usar o user control ViewMenu.ascx em uma pagina qualquer, basta escrever uma 
unica linha de codigo: 

<%:Html.Action("Menu") %> 

Exemplo: 

<!DOCTYPE html> 

<html> 

<head> 

<title>Index</title> 

</head> 

<body> 

<div> 

<%:Html.Action("Menu") %> 

</div> 

</body> 

</html> 
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Figura 23 - Menu carregado a partir de um user control 


2.2.10.3 Retornando ContentResult 

Retorna qualquer tipo de texto. Ha duas formas de processar texto. A prime! ra usa 
um metodo de controlador que retorna uma string: 

public string Index() { 

return "Isto e um texto simples"; 

} 

Asegunda forma usa o metodo Content: 

public ActionResult Index() { 

return Content("Isto e um texto simples"); 

} 

0 segundo parametro do metodo Content usa codificagao Multipurpose Internet Mail 
Extensions (MIME): 

public ActionResult Index() { 

return Content("Isto e um texto simples", "text/html"); 

} 

A lista completa de tipos MIME voce encontra no link a seguir: 
http://www. iana. org/assignments/media-types/index. html 

0 terceiro parametro determina a codificagao dos caracteres. Util para textos em 
portugues, com acentos. 
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Exemplo: 

public ActionResult IndexO { 

return Content("Isto e um texto simples", "text/html", Encoding.UTF8); 

} 

Ou: 

public ActionResult IndexO { 

return ContentC'Isto e um texto simples", "text/html", Encoding.GetEncoding("iso-8859-l")); 

} 


2.2.10.4 Retornando FileResult 

Para abrir um arquivo direto no navegador, use: 

public ActionResult IndexO { 

return File("aspnetmvc3.pdf", "application/pdf"); 

} 


Observe a figura 2.4: 



[fjjQ http://localhost:lQ34/ 


Arquivo Ir para Favorites Ajuda 


# Favoritos . gf http://locaihost: 1034/ 


* ■: ^ - £? L: L' 

Introdugao ASP.NET MVC 


Teoria Teoria Teoria Teoria Teoria Teoria Teorsa Teoria Teoria Teoria Teoria T< 
Teoria Teoria Teoria Teoria Teoria Teoria Teoria Teoria Teoria Teoria Teoria T< 
Teoria Teoria Teoria Teoria Teoria Teoria Teoria Teoria Teoria Teoria Teoria T< v 


100% 


Figura 2,4-Arquivo .PDF no navegador. 


Ou permita o download de arquivos: 


public ActionResult IndexO { 

return File("aspnetmvc3.pdf", "application/pdf", "Salvarcomo.pdf"); 

} 


Observe a figura a seguir: 
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1 


Deseja salvai ou abrir este arquivo? 

Nome: Salvarcomo.pdf 

Tipo: Foxit PDF Document, 49,0KB 
Origem: localhost 


[ Abrir ] f S alvar 

j [ Cancelar ] 



Embora arquivos proveniences da Internet possam ser uteis, alguns 

MS arquivos podem danificar seu computador. Se voce nao confiar em 
sua oriaem. nao abra nem salve este arauivo. Qua! e o risco? 
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Figura 2.5 - Download de arquivos. 


Ou carregue websites: 

public ActionResult WebsiteQ { 

WebClient cliente = new WebClientQ; 

Stream stream = cliente.OpenRead("http://www.novatec.com.br/”); 
return File(stream, "text/html"); 


Figuras armazenadas em um banco de dados SQL Server: 

public ActionResult WebsiteO { 
byte[] b = GetLogoO; 
return File(b, "image/gif"); 

} 


0 codigo do metodo GetLogo extrai a imagem do banco de dados SQLServer. O codigo 
deve ser semelhante ao do artigo “Retrieving Large Data (ADO.NET)” localizado no 
website da Microsoft: http://msdn.microsoft.com/en-us/library/87z0hy49.aspx 


2.2.10.5 Retornando EmptyResult 

Ocorre quando um metodo de controlador nao retorna valor. 

Exemplo: 

public void Index() { 

Response.Write("<hl>01a mundo!</hl>"); 

} 
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E o mesmo que: 

public ActionResult IndexQ { 

Response.Write("<hl>01a mundoi</hl>"); 
return new EmptyResultQ; 

} 

2.2.10.6 Retornando JavaScriptResult 

Permite a execugao de codigo JavaScript a partir de um metodo de controlador: 

public JavaScriptResult AlertaO { 

return new 3avaScriptResult() { Script = "alertCOla mundo!');" }; 

} 

Em um view use JQuery para invocar o metodo de controlador; 

@{ Layout = null; } 

<!DOCTYPE html> 

<html> 

<head> 

<title>Retornando JavaScriptResult</title> 

<scri pt src="@Url.Content("~/Scri pts/jquery-1.4.4. js")" type="text/javascri pt"x/scri pt> 
<script type="text/javascript"> 

S.getScript("/Hoine/alerta"); 

</script> 

</head> 

<body> 

<div> 

</div> 

</body> 

</html> 

2.2.10.7 Retornando JsonResult 

Retorna uma notagao JSON: 

public ActionResult List() { 

var model = new List<Cidades>() { 

new Cidades { CidadelD = 1, Nome = "Pelotas", Estado = "RS" }, 

new Cidades { CidadelD = 2, Nome = "Curitiba", Estado = "PR" }, 

new Cidades { CidadelD = 3, Nome = "Sao Paulo", Estado = "SP" }, 

new Cidades { CidadelD = 4, Nome = "Rio de Janeiro", Estado = "RJ" }, 

new Cidades { CidadelD = 5, Nome = "Florianopolis", Estado = "SC" }, 

new Cidades { CidadelD = 6, Nome = "Salvador", Estado = "BA" } 

}; 

return Json(model, JsonRequestBehavior.AllowGet); 

} 

No view usamos JQuery para processar a saida. Crie um view chamado Lista.cshtml 
no diretorio Views/Home. 
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@{ Layout = null; } 

<! DOCTYPE html> 

<html> 

<head> 

<title>Lista de Cidades</title> 

<script src="../. ./Scripts/jquery-1.4.4.js" type="text/javascript"x/script> 
<script type="text/javascript"> 

S(getCidades); 
function getCidades() { 

$.get]SON("/home/List", showCidades); 

} 

function showCidades(data) { 

for (i = 0; i < data.length; i++) { 
var cidade = data[i]; 

S("#IdCidades").append("<li> n + cidade.Nome + "</li>"); 

} 

} 

</script> 

</head> 

<body> 

<div> 

<b>Lista de Cidades:</b> 

<ul> 

<div id= n IdCidades"/> 

</ul> 

</div> 

</body> 

</html> 


No Visual Studio pressione F5 e acesse: http:/!localhost:NumeroDaPorta/home/lista 
Exemplo: http://localhost:1226/home/lista 


0 resultado vemos na figura 2.6: 



localhost 


Arguivo Editar Exibir Favoritos Fe 


Favoritos 


Lista de Cidades 


Pelotas 
Curitiba 
Sao Paulo 
Rio de Janeiro 
Florianopolis 
Salvador 


Intranet local 


Figura 2.6 - Lista de cidades exibida com JSON. 
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Certifique-se que a classe comtroladora possui o metodo HandleUnknownAction: 

protected override void Hand1eUnknownAction(string actionName) { 
try { 

this.View(actionName).ExecuteResult(this.Control 1erContext); 

} 

catch (InvalidOperationException) { 

this.View("NotFound").ExecuteResult(this.Control1erContext); 

} 

} 

E o view NotFound: 

@{ 

Layout = null; 

} 

<!DOCTYPE html> 

<html> 

<head> 

<ti tl e>NotFound</title> 

</head> 

<body> 

<div> 

NotFound 

</div> 

</body> 

</html> 


2.2.10.8 Retornando RedirectResult 

O metodo Redi rect retorna Redi rectResult e redireciona o usuario para um website espedfico: 

public ActionResult Index() { 

return Redirect("http://www.novatec.com.br"); 

} 

Voce pode usar tambem o metodo RedirectPermanent. 

2.2.10.9 Retornando RedirectToRouteResult 

Para rediredonar o usuario para outro metodo de controlador, use RedirectToAction: 

public ActionResult Index() { 

return RedirectToAction("Edit", "Home"); 

} 

Edit e o metodo de controlador e Home o prefixo do controlador. 

Se preferir, use o nome da rota: 

public ActionResult Details() { 

return RedirectToRoute("NomeDaRota"); 

} 
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0 nome da rota e definido no arquivo Global .asax: 

public static void RegisterRoutes(RouteCollection routes) { 
routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); 
routes.MapRoute( 

"NomeDaRota", 

"{control1er}/{action}/{id}", 

new { controller = "Home", action = "Index", id = UrlParameter.Optional } ); 

} 

2.2.10.10 Retornando HttpNotFoundResult 

Quando o usuario acessa um recurso inexistente, acione o metodo HttpNotFound e 
redirecione-o para uma pagina de erro espedfica: 

public ActionResult Details(int? id) { 
if (lid.HasValue) 

return HttpNotFoundO; 

ViewBag.Mensagem = "Detalhes id = " + id; 
return View(); 

} 

Ou: 

public ActionResult Details(int? id) { 
if (lid.HasValue) 

return new HttpNotFoundResultO; 

ViewBag.Mensagem = "Detalhes id = " + id; 
return View(); 

} 

2.2.10.11 Retornando HttpStatusCodeResult 

Se preferir, use o codigo da mensagem com a classe HttpStatusCodeResult: 

public ActionResult Details(int? id) { 
if (lid.HasValue) 

return new HttpStatusCodeResult(404); 

ViewBag.Mensagem = "Detalhes id = " + id; 
return View(); 

} 

2.2.10.12 Retornando HttpUnauthorizedResult 

Acione a classe HttpUnauthorizedResult quando o usuario acessa um recurso protegido 
ao qual nao tem acesso. Exemplo: 

public ActionResult LoginO { 
try { 

Response.Write(Mensagem("Voce esta acessando uma pagina do grupo ’Admin’.")); 

} 
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catch (SecurityException) { 

return new HttpUnauthorizedResultO; 

} 

return View(); 

} 

[PrincipalPermission(SecurityAction.Demand, Role = "Administradores")] 
private string Mensagem(string str) { 
return str; 

} 

Quando o codigo aciona a classe HttplinauthorizedResult, o usuario e redirecionado para 
a pagina de login definida no elemento forms do arquivo web.config: 

<authentication mode="Forms"> 

<forms loginUrl= n ~/Account/LogOn" timeout="2880" /> 

</authentication> 


2.3 Cache 

E usado para aumentar a performance do website. A saida do cache pode estar no 
cliente, no servidor web, em um servidor proxy. O cache reduz o trafego da rede, pois 
a pagina nao precisa acessar o banco de dados constantemente. 

Coloque no cache paginas muito acessadas e com conteudo estatico. Nao inclua no 
cache paginas atualizadas frequentemente. 

Obs.: cuidado para nao colocar muitas paginas no cache, pois isso diminui a memo- 
ria disponivel no servidor, podendo ate prejudicar a performance da aplicagao web. 

No ASP.NET MVC o cache e ativado com o atributo OutputCache: 

[OutputCache(Duration = 60, VaryByParam = "none")] 
public ActionResult List() { 
return View(); 

} 

O qual possui inumeros parametros, conforme lista a seguir: 


Parametro 

Duration 

Location 

VaryByParam 

VaryByHeader 


Descrigao 

Determina o tempo em que a pagina permanece no cache. O valor e em 
segundos. 

Define o local em que o cache e armazenado. Exemplo, na memoria do 
servidor, no navegador do cliente, servidor proxy. 

Armazena multiplas versoes de uma pagina no cache baseando-se nos 
valores da query string e/ou campos de um formulario. 

Sao armazenadas versoes diferentes da pagina baseando-se nos valores dos 
cabegalhos de resposta. 
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Parametro 

VaryByCustom 

VaryByContentEncoding 

NoStore 

CacheProfile 

SqlDependency 


Descrigao (cont.) 

Sao armazenadas versoes diferentes da pagina com base em para- 
metros personalizados. 

Coloca no cache paginas diferentes de acordo com valores do ca- 
begalho Accept-Encoding. 

Se for definido como true, as informagoes contidas no cache nao 
sao armazenadas em um servidor proxy ou navegador. 

Instrui o ASP.NET MVC a acessar as informagoes sobre o cache em 
um arquivo web.config. 

Define informagoes referentes as dependences do cache em relagao 
ao SQL Server. 


2.3.1 Parametro Duration 

O parametro Duration define o tempo em que a pagina permanece no cache. O valor 
e em segundos. O tempo do cache e importantissimo. Em um website com muitos 
acessos o tempo de duragao do cache deve ser de poucos segundos, enquanto websites 
com poucos visitantes devem avaliar a real necessidade de cache. 

Lembrando que o atributo OutputCache pode ser definido para todos os metodos do 
controlador: 

using System.Web.Mvc; 

namespace AppCapitulo2.Controllers { 

[OutputCache(Duration = 60, VaryByParam = "none")] 
public class HomeController : Controller { 
public ActionResult Index() { 
return Vi ew(); 

} 

} 

} 

Ou somente para um ou mais metodos de controlador: 

[OutputCache(Duration = 60, VaryByParam = "none")] 
public ActionResult IndexQ { 
return View(); 


2.3.2 Cache com multiplas versoes de uma pagina 

Uma determinada pagina ASP.NET pode ter diferentes versoes dependendo do tipo 
de parametro passado para a pagina. A saida do cache pode variar com base: 

• Em query string. 

• Campos de formulario. 

• Cabeqalhos de resposta. 
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• Versao do navegador. 

• Parametros personalizados. 

O atributo OutputCache utiliza os seguintes parametros para criar multiplas versoes de 
uma pagina: VaryByParam, VaryByHeader, VaryByCustom, VaryByContentEncoding. 

23.2.1 Parametro VaryByParam 

O parametro VaryByParam pode ser definido como: None, *, com uma lista de query strings 
e campos de formulario (POST). Observe a tabela a seguir. 

Valores Descri^ao 

None Realiza o cache de uma unica pagina. 

Request .QueryStri ng Armazena multiplas versoes de uma pagina no cache baseando-se nos 
valores de uma query string. 

Request . Form Armazena multiplas versoes de uma pagina no cache baseando-se nos 

valores de campos de um formulario. 

• Armazena multiplas versoes de uma pagina no cache baseando-se nos 
valores da query string e/ou campos de um formulario. 

A pagina a seguir exibe nomes cujo prefixo e M: 

http://www.siteexemplo.com/resultado.aspx?letra=M 

Nesse caso, e criada uma pagina diferente para cada letra do alfabeto. 

Para colocar no cache todas as versoes da pagina, utilize: 

[OutputCache(Duration = 60, VaryByParam = "letra")] 
public ActionResult List() { 
return View(); 

} 

Isso mantem cada versao da pagina por 60 segundos no cache. 

Obs.: os nomes dos parametros sao sensiveis a letras maiusculas e minusculas. Se 
voce criar uma pagina com um parametro igual a letra e outra com o parametro 
Letra, o ASP.NET adiciona duas versoes da mesma pagina ao cache. 

Se a pagina tiver uma lista de parametros, separe os parametros com ponto e virgula (;): 

[OutputCache(Duration = 60, VaryByParam = "letra;curso")] 
public ActionResult List() { 
return View(); 

} 

23.2.2 Parametro VaryByHeader 

O ASP.NET poe no cache multiplas versoes de uma pagina com base em valores do 
cabeqalho HTTP: 
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[OutputCache(Duration = 60, VaryByParam = "none", VaryByHeader = "Accept-Language")] 
public ActionResult List() { 
return View(); 

} 

No exemplo, as versoes das paginas sao divididas de acordo com o idioma configu- 
rado no computador do visitante do website. Recomendavel a websites que recebem 
muitos visitantes de um unico pais. 

Obs.: o parametro VaryByHeader segue as mesmas regras do parametro VaryByParam 
para a utilizagao de multiplos parametros. 

2.3.23 Parametro VaryByContentEncoding 

Coloca no cache paginas diferentes de acordo com valores do cabegalho Accept-Encoding. 
Geralmente e definido como gzip ou deflate. Exemplo: 

[OutputCache(Duration = 20, VaryByParam = "none", VaryByContentEncoding = "deflate")] 
public ActionResult ListC) { 
return View(); 

} 

23.2.4 Parametros personalizados 

Alem dos cabegalhos HTTP e das query strings, podemos enviar multiplas versoes 
de uma pagina para o cache com base em parametros personalizados desenvolvidos 
por nos, programadores. No metodo de controlador, adicione a seguinte declaragao: 

[OutputCache(Duration = 20, VaryByParam = "none", VaryByCustom = "navegador")] 

Exemplo: 

[OutputCache(Duration = 20, VaryByParam = "none", VaryByCustom = "navegador")] 
public ActionResult List() { 
return View(); 

} 

Em seguida, adicione o metodo GetVaryByCustomString ao arquivo Global .asax: 

public override string GetVaryByCustomString(System.Web.HttpContext context, string arg) { 
if (arg.Equals("navegador")) { 

return context.Request.Browser.Browser.ToString(); 

} 

else { 

return 

} 

} 

Pronto, a pagina ASP.NET envia para o cache multiplas versoes usando o parametro 
navegador. 
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23.2.5 Parametro Location 

Quando o servidor web envia a resposta para uma requisiqao do navegador, o servi- 
dor inclui na resposta o campo Cache-Control no cabeqalho HTTP. Esse campo define 
o local em que a saida do cache pode ser armazenada. 

Os valores do campo Cache-Control podem ser definidos com o parametro Location. 

O parametro Location possui os seguintes valores: 


Valor 

Any 


Client 

Downstream 

Server 

ServerAndClient 

None 


Descrigao 

Esse e o valor-padrao. A saida do cache pode estar localizada, em qualquer 
lugar. Exemplo: no cliente, no servidor proxy ou em qualquer outro servidor 
que faqa parte da requisiqao. 

A saida do cache esta localizada somente no navegador do cliente. 

A saida do cache esta localizada em qualquer servidor proxy ou navegador. 
A saida do cache esta localizada no servidor web. 

A saida do cache esta localizada no cliente ou no servidor. 

A saida do cache esta desativada. 


Exemplo: 

[OutputCache(Duration = 60, Location = OutputCacheLocation.Client, VaryByParam = "none")] 
public ActionResult List() { 
return View(); 

} 


23.2.6 Parametro NoStore 

Quando definimos o parametro NoStore como true, as informaqdes contidas no cache 
nao sao armazenadas em um servidor proxy ou navegador. Util quando temos in- 
formaqoes sigilosas no cache. 

[OutputCache(Duration = 20, VaryByParam = "none", NoStore = true)] 
public ActionResult List () { 
return View(); 

} 

Obs.: por motivos de seguranqa, evite armazenar informaqoes sigilosas no cache. 


23.2.7 Parametro CacheProfile 

O parametro CacheProfile permite que voce use uma unica declaraqao de cache em 
inumeras paginas. Por exemplo, voce declara as informaqoes de cache no elemento 
caching do arquivo web.config: 

<configuration> 

<system.web> 

<caching> 

coutputCacheSettings> 

<outputCacheProfi1es> 
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<add name="CacheDoLivro" duration="60 f ' varyByParam="none"/> 

</outputCacheProfi1es> 

</outputCacheSettings> 

</caching> 

</system.web> 

</configuration> 

Apos a definigao das informagoes no arquivo web.config, aplique o atributo OutputCache 
e o parametro CacheProfile ao metodo ou classe de controlador: 

[OutputCache(CacheProfile = "CacheDoLivro")] 
public ActionResult List() { 
return ViewQ; 

} 

23.2.8 Parametro SqlDependency 

OASP.NET MVC usa a classe SqlCacheDependency para monitorar as alteragoes em tabelas 
ou linhas de uma tabela de um banco de dados SQL Server. Quando ocorre alguma 
alteragao no banco de dados, o item do cache criado e invalidado e removido. 

Voce pode tornar um item dependente de uma tabela no SQL Server 7.0, no SQL Ser¬ 
ver 2000 e no SQL Server 2005 e 2008. Se voce usa estes dois ultimos, pode tambem 
definir a dependencia de uma linha especifica. 

Para ativar o mecanismo de cache dependente do SQL Server, configure a string de 
conexao no arquivo web.config: 

<connectionStrings> 

<add name="nwind" connectionString= n Data Source=.\SQLExpress;Integrated Security=SSPI; 
Initial Catalog=northwind;"/> 

</connectionStrings> 

E, em seguida, o elemento SqlCacheDependency: 

<caching> 

<sqlCacheDependency enabled="true" pollTime="30000"> 

<databases> 

<add name="northwind" connectionStringName="nwind" /> 

</databases> 

</sqlCacheDependency> 

</caching> 

Exemplo: 

<?xml version="1.0" encoding="utf-8"?> 

<configuration> 

<connectionStrings> 

<add name="nwind" connectionString="Data Source=.\SQLExpress;Integrated Security=SSPI; 
Initial Catalog=northwind;"/> 
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</connectionStrings> 

<systefn.web> 

<compilation debug="false" targetFramework="4.0"/> 

<caching> 

<sqlCacheDependency enabled="true" pollTinie="30000"> 

<databases> 

<add name="northwind" connectionStringName="nwind" /> 

</databases> 

</sqlCacheDependency> 

</caching> 

</system.web> 

</configuration> 

Habilite o cache para uma tabela especifica: 

[OutputCache(Duration = 60, VaryByParam = "none", SqlDependency = "BancoDeDados:Tabela")] 

Exemplo: 

[OutputCache(Duration = 60, VaryByParam = "none", SqlDependency = "northwind:Products")] 
public ActionResult List() { 
return View(); 

} 

2 . 3.3 Cache parcial 

Quando nao ha necessidade de enviar para o cache a pagina inteira, fragmentamos 
partes da pagina e a incluimos em um user control, o qual possui o conteudo enviado 
para o cache. Para colocar um user control no cache, inclua a seguinte declaragao no 
topo do metodo de controlador que content o codigo do user control: 

[Chi 1dActionOnly] 

[OutputCache(Duration = 60, VaryByCustom = "none")] 
public ActionResult Menu() { 

return PartialView("ViewMenu"); 

} 

2.3.4 Adicionando itens para o cache 

Adicione itens ao cache com o metodo Insert. Esse metodo tern diversos parametros 
que nos permitem definir dependences, o tempo de duragao do cache, politicas de 
prioridade, alem de uma chave e de um valor. 

Podemos adicionar um item ao cache de forma direta: 

HttpContext.Cache["Cachelteml"] = "valor do cache"; 

Ou com o metodo Insert: 

HttpContext.Cache.Insert("CacheIteml", "valor do cache"); 
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Exemplo: 

private NorthwindBD db = new NorthwindBDO; 
public ActionResult IndexQ { 

System.Col lections.Generic.List<Category> model = null; 
if (HttpContext.Cache["Cachelteml"] == null) { 
try { 

model = db.Categories.AsParallel () .ToListO; 

HttpContext.Cache.Insert("CacheIteml", model, null, DateTime.Now.AddSeconds(60), 
System.Web.Caching.Cache.NoSlidingExpiration); 

} 

finally { 

if (db != null) db.DisposeQ; 

} 

} 

else { 

model = HttpContext.Cache["Cachelteml"] as System.Col lections.Generic.List<Category>; 

} 

return View(model); 


Obs.: cuidado para nao criar dois itens com o mesmo nome, pois isso anula o item 
anteriormente criado. 

2.3.5 Extraindo itens do cache 

Antes de extrair um item do cache, e precise verificar se esse item existe, pois os 
dados ja podem ter sido excluidos devido a politicas de prioridade ou em razao de 
o cache ja ter expirado: 
string cacheSaida; 

if (HttpContext.Cache["CacheIteml"] != null) { 

cacheSaida = HttpContext.Cache["Cachelteml"] as string; 

1 

else { 

HttpContext.Cache.Insert("CacheIteml", "valor do cache"); 
cacheSaida = HttpContext.Cache["Cachelteml"] as string; 

} 

Response. Write(cacheSaida); 

2.3.6 Exduindo itens do cache 

Os dados no cache sao volateis, ou seja, nao ficam permanentemente armazenados. 

Um item e excluido automaticamente do cache quando: 

• O servidor esta com pouca memoria. 

• O item do cache expirou. 

• O item foi excluido em virtude de mudangas em algum recurso dependente. 

• Servidor web e reiniciado. 
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Para excluir um item do cache de forma explicita, utilize o metodo Remove: 

HttpContext.Cache.Remove("Cachelteml"); 

2.4 Controladores assmcronos 

As operates de entrada e saida sao as principals candidatas a serem processadas 
de forma assincrona. Operagao assincrona pode ser a leitura de arquivos grandes, 
acesso a recursos localizados em uma rede, acesso a web services, leitura de dados 
de um banco de dados, ou de portas COM. Conexoes assincronas nao aumentam a 
performance da aplicagao, mas permitem a execugao de tarefas paralelas, enquanto 
voce esta carregando uma imagem ou video de varios mega bytes, por exemplo. 

Um metodo de controlador assincrono e derivado de AsyncController: 

public class HomeController : AsyncController { 

// Codigo aqui 

} 

Uma operagao assincrona envolve dois metodos. Um comega a requisigao e o nome 
content o sufixo Async. Outro completa a requisigao e o nome content o sufixo Completed: 

public class HomeController : AsyncController { 
public void OpenPageAsyncO { 

// Codigo aqui 

} 

public ActionResult OpenPageCompleted(string pageHtml) { 

// Codigo aqui 

} 

} 

Exemplo: 

using System; 

using System.Net; 

using System.Web.Mvc; 

namespace AppCapitulo2.Controllers { 

public class HomeController : AsyncController { 
public ActionResult IndexQ { 
return View(); 

} 

public void OpenPageAsyncO { 

AsyncManager.OutstandingOperations.Increment(); 
var client = new WebClientO; 

client.DownloadStringCompleted += (sender, e) =>{ 

AsyncManager.Parameters["pageHtml"] = e.Result; 

AsyncManager.OutstandingOperations.Decrement(); 

}; 
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client.DownloadStringAsync(new Uri("http://www.novatec.com.br")); 

} 

public ContentResult OpenPageCompletedCstring pageHtml) { 
return Content(pageHtml); 

} 

} 

} 

E necessario informar ao ASP.NET MVC quantas operates estao pendentes. A pro- 
priedade OutstandingOperations gerencia essa tarefa, enquanto a propriedade Parameters 
define os parametros passados para o metodo OpenPageCompleted. 

Invocar um metodo de controlador assmcrono e igual a invocar um metodo sincrono: 

http://I oca! host:1034/home/openpage 

Ou: 

http;//!ocal host/dirvirtual/home/openpage 

Voce invoca o prefixo do metodo sem o sufixo Async. 

2.4.1 Atributos com metodos assmcronos 

Atributos como Authorize, OutputCache, ActionName, AcceptVerbs etc. devem ser aplicados ao 
metodo de controlador com o sufixo Async. Exemplo: 

[Authorize] 

public void OpenPageAsyncO { 

// Codigo aqui 

} 

public ActionResult OpenPageCompletedCstring pageHtml) { 

// Codigo aqui 

} 

0 atributo AsyncTimeout define o intervalo de tempo que o metodo assmcrono e exe- 
cutado. O valor-padrao e de 45 segundos. Exemplo: 

[AsyncTimeout(60)] 

public void OpenPageAsyncO { 

// Codigo aqui 

} 

public ActionResult OpenPageCompletedCstring pageHtml) { 

// Codigo aqui 

} 

Enquanto o atributo NoAsyncTimeout define o intervalo de tempo como infinito: 

[NoAsyncTimeout] 

public void OpenPageAsyncO { 
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// Codigo aqui 

} 

public ActionResult OpenPageCompleted(string pageHtml) { 

// Codigo aqui 

} 

2.4.2 Outras operates assmcronas 

Algumas classes do .NET Framework executam operagoes assmcronas por intermedio 
de metodos pares com prefixo Begin e End, como: BeginRead, EndRead, BeginWrite, EndWrite, 
BeginGetResponse, EndGetResponse, BeginExecuteReader, EndExecuteReader, BeginExecuteNonQuery, 
EndExecuteNonQuery, BeginExecuteXmlReader e EndExecuteXmlReader etc. Controladores assmcronos 
podem realizar operagoes com esses metodos tambem. 

Exemplo: 

SqlConnection conn = null; 
public void LerAsyncO { 

AsyncManager.OutstandingOperations.Increment(); 

ConnectionStringSettings getString = WebConfigurationManager.ConnectionStrings["nwind"] as 
ConnectionStringSettings; 
if (getString != null) { 

string sSql = "Select ProductName from Products"; 
conn = new SqlConnection(getString.Connectionstring); 

SqlCommand command = new SqlCommand(sSql, conn); 

conn.OpenQ; 

command.BeginExecuteReader(asyncResult =>{ 

using (SqlDataReader r = command.EndExecuteReader(asyncResult)) { 
var 1st = new List<string>(); 
int produto = r.GetOrdinal("ProductName"); 
if (r.HasRows) 

while (r.ReadO) { 

lst.Add(r.GetString(produto).ToStringO + "<br/>"); 

AsyncManager.Parameters["reader"] = 1st; 

} 

AsyncManager.OutstandingOperations.Decrement(); 

} 

}, null); 

} 

} 

public ActionResult LerCompleted(IEnumerable<string> reader) { 
if (conn != null) conn.CloseO; 
return Content(reader.First()); 

} 
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Um view contem o conteudo e o design da pagina de um website. Na verdade, content 
o texto da pagina, o codigo HTML, as imagens, os links, as references para arquivos 
de linguagens de script e folhas de estilo CSS, entre outros. 

Os mecanismos de exibigao como o Razor definem a sintaxe usada na pagina do view. 

Falando em paginas, elas podem corner diferentes extensoes, por exemplo: .aspx, 
.cshtml, .master e .ascx - no caso dos user controls, tambem chamados de partial view. 

0 modo mais facil de se criar um view rapidamente e clicando em um metodo de 
controlador com o botao direito do mouse e, em seguida, em Add View.... Observe a 
figura 1.15. 

Apos a criagao do view, o designer deve formatar a pagina manualmente, inserindo 
layout, texto, imagens etc. 

Podemos afirmar que o ASP.NET MVC facilita a vida do programador, mas nao a do 
designer, pois todos os elementos visuais precisam ser criados manualmente. 

3.1 Desenvolvendo uma nova aplicagao 

Antes de comegarmos a abordar com mais profundidade os view do ASP.NET MVC, 
precisamos preparar o terreno, ou seja, inicie o Visual Studio. Acesse o menu File e 
clique em New Project..., 

Na caixa de dialogo New Project, selecione Web > Visual Studio 2012 > ASP.NET MVC 4 Web Application. 

Nomeie o projeto como AppCapitulo3. Clique em OK. 

Copie o arquivo Content/Site.css e a master page Views/Shared/Site.Master da aplicagao 
AppCapitulol para a aplicagao AppCapitulo3. 

Em seguida, acrescente a classe da camada de dados que sera usada pelos exemplos 
deste capitulo. Clique com o botao direito do mouse no diretorio Models e, em seguida, 
acrescente uma nova classe. Nomeie-a como Paises.cs. 

Modifique a classe recem-criada substituindo-a pelo codigo a seguir: 

81 
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using System; 

namespace AppCapitulo3.Models { 
public class Paises { 

public string Nome { get; set; } 
public string Continente { get; set; } 
public string Idioma { get; set; } 

} 

} 

Em seguida, compile a aplicagao conforme a figura 3.1: 

| jUj Build is. 

Rebuild 
Clean 

Build Deployment Package 
Publish,., 

ll J Package/Publish Settings 
Convert to Web Application 
Add 

Add Reference,,, 

Add Web Reference.,. 

Add Service Reference,,, 

Add Library Package Refers 
Debug 
I H Cut 

} ^ E*3ste 

j 

Rename 

Qj Properties 

Figura 3.1 - Compilando a aplicagao ASP.NET MVC. 

Acrescente a aplicagao, o controlador HomeController e altere o metodo Index com o 
codigo a seguir: 

public ActionResult IndexQ { 

ViewBag.Message = "ASP.NET MVC!"; 

ViewData["Mensagem"] = "Paises"; 

TempData["OutraMensagem"] = "Teste"; 

var 1st = new List<Paises> { 

new Paises { Nome="Brasil", Continente="America do sul", Idioma="Portugues" }, 
new Paises { Nome="Alemanha", Continente="Europa", Idioma="Alemao" }, 
new Paises { Nome="Australia", Continente="Oceania", Idioma="Ingles" }, 
new Paises { Nome="Uruguai", Continente="America do sul", Idioma="Espanhol" }, 
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new Paises { Nome="]apao", Continente="Asia", Idioma="Japones" } 

}; 

return View(lst); 


Adicione tambem uma referenda para a namespace AppCapitulo3.Models: 
using AppCapitulo3.Models; 

3.2 Aditionando um view 

Clique com o botao direito do mouse no metodo Index. Em seguida, selecione Add View..., 
Na caixa de dialogo Add View configuramos o view que esta sendo criado. Na caixa de 
combinagao Model class selecione a classe Paises. Observe a figura 3.2: 



Add View 



S Create a strongly-typed view 


jPaises (WebsiteMVC. Models) 
Scaffold template: 


I I Create as a partial view 
0 Use a layout or master page: 
~/Views/5hared/5ite. Master 


ContentPlaceHoider ID; 


FI i R e ference script libraries] 



Figura 3.2 - Caixa de dialogo Add View. 

O nome do view e preenchido automaticamente, assim como o nome da master page. 
Na caixa de dialogo Add View podemos configurar as seguintes opgoes: 


Op$ao Descrigao 

View name Nome do view. 

View engine Mecanismo de exibigao usado pelo view. Pode ser ASPX ou Razor. 

Create a strongly-typed view Associa um tipo ao view. 

Model class Classe associada ao view. 

Scaffold template Permite definir um modelo predefinido para o view. Pode ser defi- 

nido como: Create, Del el e, Details, Edit, Empty e List. 
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Op$ao 

Reference script libraries 

Create as a partial view 
Use a layout or master page 
ContentPlaceHolder ID 


Acrescenta ao view referenda para arquivos de script. Usado nos 
templates Create e Edit para fins de validagao. 

Define o view como um user control. Arquivo .ascx. 

Content o caminho e o nome da master page. 

Contem o ID do ContentPlaceHolder definido na master page. 


Apos clicar no botao Add e gerado um novo view. O codigo gerado depende das opqoes 
selecionadas na caixa de dialogo Add View. Por exemplo, quando selecionamos uma 
master page para o view, temos o codigo a seguir: 


<%@ Page Title=' ,n Language="C#" MasterPageFile="~/Views/Shared/Site,Master" 
Inherits="System.Web.Mvc.ViewPage<AppCapitulo3.Models.Paises>" %> 
<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent" runat="server"> 
Index 

</asp:Contents 


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<h2>Index</h2> 

</asp:Contents 

Sem uma master page associada temos: 

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<AppCapitulo3.Models.Paisess" %> 

<!DOCTYPE htmls 

<htmls 

<head runat="server"s 
<titleslndex</titles 
</heads 
<bodys 
<divs 
</divs 
</bodys 
</htmls 

Obs.: a opgao Scaffold template igual a Empty gera uma pagina sem conteudo. 
Para executar expressoes dentro de um view e retornar o resultado, use <%: %>. 
Exemplo: 

<%:ViewBag.Mes sage%s 

Voce pode usar tambem <%: %> para retornar o valor de ViewData: 

<%:ViewData["Mensagem"]%> 

E de TempData: 

<%:TempData["OutraMensagem"]%> 
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TempData difere um pouco dos demais (ViewBag e ViewData), pois os dados permanecem 
armazenados somente de uma requisigao para outra. 

Obs.: ViewData era muito utilizado nas versoes 1 e 2 do ASP.NET MVC. A partir da 
versao 3, use ViewBag. 


3.3 View tipados 

Para associar manualmente uma classe a um view, basta definir o atributo Inherits 
da diretiva @ Page: 

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 

Inherits="System.Web.Mvc.ViewPage<AppCapitulo3.Models.Paises>" %> 

Os membros da classe Paises associada ao view sao acessados por intermedio do 
objeto Model: 

<%:Model .Nome %> 


Observe a figura 33: 



■' DataNavigateUrlFormatStrmg 


Publish: ; Create Publish Settings 


XHTML 1.0 Transitional 


Language="C#" MasterFageFile="~/Views/Shared/S: 


s|j!| AppCapitulo3 

S3 Properties 
S3 References 
S3 Gl Content 
S & Controllers 

~ fH HomeController.es 
Q & Models 

*3 Paises xs 

Si. Si Scripts 

MS Views 
QSt Home 

Index,aspx 
: e- £j& shared 

H Error.aspx 
H Site.Master 
Web.config 


ID="Content 1” ContentPlaceHolderID="TitleConti 


:asp: Conteni 
Index 

;/asp: Conte: 


!<asp:Content ID="Content2" ContentPlaceHolderID= ,r MainContent" rur 


<%:Model 


' 3 ? Continente 
. Equals 
4 GetHashCode 
GetType 
T* Idioma 
S? Nome £ 
% ToString 


Figura 33 - Propriedades da classe Paises acessadas com o auxilio do objeto Model. 


Trechos de codigos sao executados com o delimitador <% %>: 


<%foreach (var item in Model) {%> 
// Restante do codigo aqui 

<«%> 
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Exemplo: 

<ul> 

<%foreach (var item in Model) {%> 
<li> 

<%:item.Nome%> 

</li> 


</ul> 

3.4 View predefinidos 

O ASP.NET MVC possui diversos view predefinidos que podem ser usados para exibir 
listas de itens, detalhes de um registro especifico, inserir, atualizar e excluir registros. 

3.4.1 Template List 

Para exibir uma lista de itens, definimos inicialmente um metodo de controlador na 
classe controladora HomeController: 

using System.Collections.Generic; 
using System.Linq; 
using System.Web.Mvc; 
using AppCapitulo3.Models; 

namespace AppCapitulo3.Controllers { 

public class HomeController : Controller { 

List<Paises> 1st = new List<Paises> { 

new Paises { Nome="Brasil", Continente="America do sul", Idioma="Portugues" }, 
new Paises { Nome="Alemanha", Continente="Europa", Idioma="Alemao" }, 
new Paises { Nome="Australia", Continente="Oceania", Idioma="Ingles" }, 
new Paises { Nome="Uruguai", Continente="America do sul", Idioma="Espanhol" }, 
new Paises { Nome="Japao", Continente="Asia", Idioma="Japones" } 

}; 

public ActionResult Index() { 
return View(); 

} 

public ActionResult ListQ { 
return View(lst); 

} 

} 

} 

Em seguida, criamos o view predefinido definindo a opgao Scaffold template na caixa de 
dialogo Add View como List. Observe a figura 3.4: 
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AppCapituip3 - Microsoft Visual * b Developer 2010 Express 

*' ^ \'V.> ‘ 4/ > 4 ‘ r j§ 
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* : ■ 

s gBS 


Solution Explorer 


Delete, asp> 


fix Error List II Output 


Ln 23 


builder 


HomeControiler. c: 


'■% AppCapitulo3, Controllers, HomeControiler 


AppCapitulo3 

SB Si Properties 
B &1 References 
B- Qi Content 
S iJr Controllers 

^ HomeControiler, 
B L23f Models 

C J=!) Raises.cs 
SB 02 Scripts 


using System.Collections 
using System.Linq; 
using System.Web.Mvc; 
using WebsiteMVC.Models; 


E!namespace AppCapitulo3.Controllers 


.ses> 1st = new List<PaiseBPfiW^^M 
new Paises {Nome="Brasil" 
new Paises {Nome="Alemanh View name: 
new Paises (Nome="Austral 

new Paises {Nome="Uruguai a L --—~ 

_ . , , T „, „ „ View engine: 

new Paises {Nome="Japao", __ 

jA5PX (C#) 


0 Create a strongly-typed view 
Model class: 

I |Paises (WebsiteMVC.Models) 

Scaffold template: 


.onResult Index () 


v 0 ; Reference script Jjjbraries 


n Create as a partial view 
0 Use a layout or master page; 
| ~/Views/5hared/5ite. Master 


ContentPlaceHolder ID: 


jMainContent 


Figura 3.4 - Criando o View e o template List. 

Quando clicamos em Add, e gerado o codigo a seguir: 

<%@ Page Title= M " Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 

Inherits="System.Web.Mvc.ViewPage<IEnumerable<AppCapitulo3,Models. Pai ses»" %> 


<asp:Content ID="Contentl" ContentPlaceHolderID= ,, TitleContent" runat="server"> 
List 

</asp:Content> 

<asp;Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<h2>List</h2> 

<P> 

<%: Html.ActionLink("Create New", "Create") %> 

</p> 
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<table> 

<tr> 

<thx/th> 

<th> 

Nome 

</th> 

<th> 

Continente 

</th> 

<th> 

Idioma 

</th> 

</tr> 

<% foreach (var item in Model) { %> 

<tr> 

<td> 

<%: Html.ActionLink("Edit", "Edit", new { pais = item.Nome })%> | 

<%: Html.ActionLink("Details", "Details", new { pais=itern.Nome })%> | 
<%: Html.ActionLink("Delete", "Delete", new { pais = item.Nome })%> 
</td> 

<td> 

<%: item.Nome %> 

</td> 

<td> 

<%: item.Continente %> 

</td> 

<td> 

<%: item.Idioma %> 

</td> 

</tr> 

<% } %> 

</table> 

</asp:Content> 

Para tornar o exemplo funcional, substituimos as linhas: 

<%: Html.ActionLinkC’Edit", "Edit", new { /* id=item.PrimaryKey */ }) %> | 

<%: Html.ActionLink("Details", "Details", new { /* pais=itern.PrimaryKey */ })%> | 

<%: Html.ActionLink("Delete", "Delete", new { /* id=itern.PrimaryKey */ }) %> 

Por: 

<%: Html.ActionLinkC’Edit", "Edit", new { pais = item.Nome })%> | 

<%: Html.ActionLink("Details", "Details", new { pais=itern.Nome })%> | 

<%: Html.ActionLink("Delete", "Delete", new { pais = item.Nome })%> 

Ao executar o exemplo, temos a saida apresentada pela figura 3.5: 
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ispip 

* jig i 'U.p‘;/!oca!host: •; 
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Ferramentas 
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\ Nome 
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Alemao 
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Figura 3.5 - Template List exibido no navegador com formatagao-padrao. 


3.4.2 Template Details 

0 template Details exibe informagdes de um registro especifico, por exemplo, as in- 
formagoes de cadastro de um usuario especifico. 

0 primeiro passo e a definigao das instrugoes que retornam o registro: 

public ActionResult Details(string pais) { 
if (pais == null) return View("NotFound"); 
var model = (from p in lst.Where(x => x.Nome == pais) 
select p),FirstOrDefault(); 
if (model == null) return View("NotFound"); 
return View(model); 


0 exemplo usa o view NotFound para exibir uma mensagem de erro. Crie-o no diretorio 
Views\Shared: 

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 

Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 

<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent" runat="server"> 

NotFound 

</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<h2>NotFound</h2> 

<p>Registro nao encontrado.</p> 

</asp:Content> 

Em seguida, geramos o view com o template Details. Observe a figura 3.6: 
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public ActionResult Index () 
{ 

return View(); 


S3 public ActionResult Details (string pais) 

I { 

if (pais == null) return View("NotFo 
var model = (from p in 1st. Where (x =: 

select p).FirstOrDefault 
if (model == null) return View("NotFi 
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View name: 


j Details 

1 • '■ 

View engine: 


Iaepxcc#’* ^ 


PI Create a strongly-typed view 


Model class: 


1 | Paises (WebsiteM VC .Models) 

v j 

Scaffold template: 


1 j Details v 

□ Reference script libraries 

LJ Create as a partial view 


R Use a layout or master page: 


j~/Views/Shared/Site, Master 

' ' .c 

ContentPlaceHolder ID: 


jMainCoritentj 

____ ; 


1 Add ]^J[ Cancel | 



Figura 3.6 - Criando o view e o template Details. 

Quando clicamos no botao Add da caixa de dialogo Add View, geramos o codigo a seguir: 

<%@ Page Title=" u Language="C#" MasterPageFile="~/Views/Shared/Site.Master” 

Inherits="System.Web.Mvc.ViewPage<AppCapitulo3.Models.Paises>" %> 

<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent" runat="server"> 

Details 

</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<h2>Detai 1 s</h2> 

<fieldset> 

<1egend>Paises</legend> 

<div class= u display-label">Nome</div> 

<div class="display-field"><%: Model.Nome %></div> 
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<div class="display-label">Continente</div> 

<div class="display-field"><%: Model.Continente %></div> 

<div class="display-1abel">Idioma</div> 

<div class="display-field"><%: Model.Idioma %></div> 

</fieldset> 

<p> 

<%: Html,ActionLink("Edit", "Edit", new { /* id=Model.PrimaryKey */ }) %> | 
<%: Html.ActionLink("Back to List", "Index") %> 

</P> 

</asp:Content> 

Ao executar o exemplo, temos a saida apresentada na figura 37: 





i H ■ vf w |© http://localhost $ 

©0® 

55 Bing I 

Arguivo Editar Exibir Favoritos 

Ferramentas Ajuda 1 
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Website 


Details 

Paises 
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Continents 
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% ^ Intranet local . 4 $ * \ 100% * 

Figura 37 - Detalhes de um registro com o template Details . 

3.4.3 Template Create 

Para inserir um registro em um banco de dados podemos gerar um template, como 
o template Create. 

Novamente, comegamos com o codigo criando os metodos de controlador apropriados: 

public ActionResult CreateQ { 
return View(); 

} 

[HttpPost] 
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public ActionResult Create(Paises p) { 
if (!Model State. IsVal id) return ViewQ; 

// Aqui o codigo que grava o registro 
return RedirectToAction("Index"); 

} 

Em seguida, criamos o view e definimos o tipo de template e a classe associada, 
Observe a figura 3.8: 
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return View(model); 
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I [HttpPost] 
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| j if (!ModeIState.IsValid) return Vi 
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return RedirectToAction("Index"); 


1 public ActionResult Edit(string pai3) 
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if (model == null) r 
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fjodel class: 
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M Scaffold template: 
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0 Create as a partial view 
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a 
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Figura 3.8 - Criando o view e o template Create. 

O codigo gerado para view e o seguinte: 

<%@ Page Title="" Language="C#" MasterPageFile=”~/Views/Shared/Site.Master" 
Inherits="System.Web.Mvc.ViewPage<AppCapitulo3.Models.Paises>" %> 

<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent u runat="server"> 
Create 

</asp;Content> 
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<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<h2>Create</h2> 

<scn'pt src="<%: Url.Content("~/Scripts/jquery.validate.min.js") %>" 
type="text/javascri pt n x/scri pt> 

<script src="<%: Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js") %>" 
type="text/javascript"></script> 

<% using (Html .BeginFormO) { %> 

<%: Html .ValidationSummary(true) %> 

<fieldset> 

<1egend>Paises</legend> 

<div class="editor-label"> 

<%: Html.LabelFor(model => model.Nome) %> 

</div> 

<div class="editor-field"> 

<%: Html.EditorFor(model => model.Nome) %> 

<%: Html.ValidationMessageFor(model => model.Nome) %> 

</div> 

<div class="editor-1abel"> 

<%: Html.LabelFor(model => model.Continente) %> 

</div> 

<div class= H editor-field"> 

<%: Html.EditorFor(model => model.Continente) %> 

<%: Html.ValidationMessageFor(model => model.Continente) %> 

</div> 

<div class="editor-1abel"> 

<%; Html.LabelFor(model => model.Idioma) %> 

</div> 

<div class="editor-field"> 

<%: Html.EditorFor(model => model.Idioma) %> 

<%: Html.ValidationMessageFor(model => model.Idioma) %> 

</div> 

<P> 

cinput type="submit" value="Create" /> 

</p> 

</fieldset> 

<% } %> 

<div> 

<%: Html.ActionLink("Back to List", "Index") %> 

</div> 

</asp:Content> 

0 codigo anterior gera a saida exibida na figura 3.9: 
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Figura 3.9 - Template Create exibido no navegador. 


3.4.4 Template Edit 

O template Edit e gerado da mesma forma que os demais apresentados neste livro. 
Primeiramente, criamos o codigo: 

public ActionResult Edit(string pais) { 

if (pais == null) return View("NotFound"); 

var model = (from p in lst.Where(x => x.Nome == pais) select p).FirstOrDefaultO; 
if (model == null) return View("NotFound"); 
return View(model); 


[HttpPost] 

public ActionResult Edit(Paises p) { 

if (!Model State.IsValid) return View(); 

// Aqui o codigo que grava o registro 
return RedirectToAction("Index"); 

} 

Em seguida, o view a partir do metodo Edit. Observe a figura 3.10: 
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PI Use a layout or master page: 
| ~/Views/Shared/Site. Master 


if (!HodelState.IsValid) retu 
//Aqui o codigo que grava o r 
return RedirectToAction("Inde 


ContentPlaceHolder ID: 


jMainContent 


Figura 3.10 - Criando o view e o template Edit. 


Quando clicamos em Add, geramos o codigo a seguir: 


<°M Page Title=" n Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 
Inherits="System,Web.Mvc.ViewPage<AppCapitulo3.Models.Paises>" %> 


<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent" runat="server"> 
Edit 

</asp:Content> 


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<h2>Edit</h2> 

<script src="<%: Url.Content("~/Scripts/jquery.validate.min.js") %>" 
type="text/javascri pt"x/scri pt> 
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<script src="<%: Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js") %>" 
type="text/javascript"x/script> 

<% using (Html .BeginFormO) { %> 

<%: Html.ValidationSummary(true) %> 

<fieldset> 

<1egend>Paises</legend> 

<div class="editor-label"> 

<%: Html.LabelFor(model => model.Nome) %> 

</div> 

<div class="editor-field"> 

<%: Html,EditorFor(model => model.Nome) %> 

<%: Html.ValidationMessageFor(model => model.Nome) %> 

</div> 

<div class="editor-label"> 

<%: Html.LabelFor(model => model.Continente) %> 

</div> 

<div class="editor-field"> 

<%: Html.EditorFor(model => model.Continente) %> 

<%: Html.ValidationMessageFor(model => model.Continente) %> 

</div> 

<div class="editor-label"> 

<%: Html.LabelFor(model => model.Idioma) %> 

</div> 

<div class="editor-field"> 

<%: Html.EditorFor(model => model.Idioma) %> 

<%: Html.ValidationMessageFor(model => model.Idioma) %> 

</div> 

<P> 

<input type="submit" value="Save" /> 

</p> 

</fieldset> 

<% } %> 

<div> 

<%: Html.ActionLinkC'Back to List", "Index") %> 

</div> 

</asp:Content> 

A saida gerada vemos na figura 3.11 : 
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Figura 3.11 - Template Edit exibido no navegador. 


3.4.5 Template Delete 

Para excluir um registro por intermedio do template Delete, primeiramente, defina o 

codigo necessario: 

public ActionResult Delete(string pais) { 
if (pais == null) return View("NotFound"); 

var model = (from p in lst.Where(x => x.Nome == pais) select p).FirstOrDefaultO; 
if (model == null) return View("NotFound"); 
return View(model); 

} 

[HttpPost] 

public ActionResult Delete(Paises p) { 
if (!Model State.IsValid) return View(); 

// Aqui o codigo que exclui o registro 

return RedirectToAction("Index"); 

} 

Em seguida, o template e gerado conforme a figura 3.12: 
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Figura 312 - Criando o view e o template Delete. 

Ao clicar em Add, geramos o seguinte codigo: 

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 
Inherits="System.Web.Mvc.ViewPage<AppCapitulo3.Models.Paises>" %> 

<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent" runat="server"> 

Delete 

</asp;Content> 

<asp;Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<h2>Delete</h2> 

<h3>Are you sure you want to delete this?</h3> 

<fieldset> 

<legend>Paises</legend> 
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<div class="display-label">Nome</div> 

<div class="display-field"><%: Model.Nome %></div> 

<div class="display-label">Continente</div> 

<div class= u display-field"><%: Model.Continente %></div> 

<div class="display-1abel">Idioma</div> 

<div class="display-field"><%: Model.Idioma %></div> 

</fieldset> 

<% using (Html .BeginFormO) { %> 

<P> 

<input type="submit" value="Delete" /> | 

<%: Html.ActionLink("Back to List", "Index") %> 

</p> 

<% } %> 

</asp:Content> 

A seguir, na figura 3.13, temos a saida gerada: 
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Figura 3.13 - Template Delete exibido no navegador. 


3.4.6 Criando ou alterando templates 

Para alterar a aparencia-padrao dos templates (modelos predefinidos), acesse 
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C:\Arquivos de programas\Microsoft Visual Studio 10.0\Common7\IDE\VWDExpress\ItemTemplates\ 
CSharp\Web\MVC 3\CodeTemplates\AddView\AspxCSharp 


Obs.: o caminho para os arquivos .tt varia muito, pois depende da versao do 
Windows, Visual Studio instalada. 


Altere os templates-padrao - extensao .tt ou crie os novos. Observe a figura 3.14: 
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Figura 3.14 -Arquivos dos modelos predefinidos. 


3.5 Partial view 

O ASP.NET MVC usa as chamadas partial view, ou seja, um user control. O mecanis- 
mo de exibiqao ASPX usa user controls com a extensao .ascx. Mas outros mecanismos 
de exibiqao, como o Razor, podem empregar outras extensoes. 

3.5.1 Acrescentando um novo partial view 

Ha dois modos de se acrescentar um novo view a um projeto ASP.NET MVC. No 
primeiro modo, clicamos com o botao direito do mouse em um subdiretorio qualquer 
do diretorio Views, em seguida, apontamos para Add e clicamos em New Item..,. 

Observe a figura 3.15: 
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*3 AppCapitulo3 - Microsoft Visual Web Developer 2010 Express 
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Figura 3.15 - Acrescentando um novo partial view. 


Na caixa de dialogo Add New Item, selecionamos MVC 4 View User Control (ASPX) e determinamos 
o nome do user control na caixa de texto Name:. Observe a figura 3.16: 





Sort by: [Default 


Visual C# 


Type: Visual C* 

MVC Application View User Contr 


Visual C# 


MVC 4 Controller Class 


MVC 4 Layout Page (Razor) 


Visual C# 


MVC 4 Partial Page (Razor) 


Visual C# 


MVC 4 View Page (Razor) 


Markup 


MVC 4 View Page with Layout (Razor) 


Razor 


Visual C# 


HTML Page 


Scripts 
SignaIR 
Web API 


MVC 4 View Content Page (ASPX) 


MVC 4 View Master Page (ASPX) 


Visual C# 


Web Form; 


Visual C# 


MVC 4 View Page (ASPX) 


Visual C# 


JavaScript File 


Visual C# 


Visual C# 


Web Form 


Figura 3.16 - Caixa de dialogo Add New Item. 
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Obs.: repare que, a partir da caixa de dialogo Add New Item, voce pode adicionar uma 
master page, um user control, um view etc. 

Outra forma oil modo de se acrescentar um novo partial view e por intermedio de 
um metodo de controlador. Voce clica com o botao direito do mouse no nome do 
metodo de controlador; em seguida, seleciona e clica em Add View..., 

Na caixa de dialogo Add View voce define o nome do user control e marca a caixa de 
seleqao Create as a partial view. Se necessario, associe uma classe e defina um template para 
o user control. Observe a figura 3.17: 



Figura 3.17 - Caixa de dialogo Add View. 


3.5.2 Exibindo o conteudo de um partial view 

Quando um novo user control (partial view) e adicionado ao projeto, ele possui uma 
unica linha de codigo: 

<°M Control Language="C#" Inherits= ,, System.Web.Mvc.ViewUserControl<dynamic>" %> 

Claro que essa linha pode conter tambem o nome da classe associada: 

<%@ Control Language="C#" Inherits^'System.Web.Mvc.ViewUserControl<AppCapitulo3. Models. Paises>" %> 

As linhas seguintes definem o conteudo do user control determinado pelo progra- 
mador, designer etc. 
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Exemplo: 

<°M Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %> 

<ul> 

<li>Home</li> 

<li>Eletronica</li> 

<li>Idiomas</li> 

<li>Negocios</li> 

<li>Programagao</li> 

<li>Seguranga</li> 

<li>UML</li> 

</ul> 

Para invocar e exibir um user control simples, com pouco conteudo, em um view, 
usamos o metodo Partial: 

<%:Html.Partial("usrUserControl")%> 

Exemplo: 

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 

Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 

<asp:Content ID="Contentl" ContentPlaceHolderID= !, TitleContent" runat="server"> 

Index 

</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<h2>Index</h2> 

<%:Html.Partial("usrUserControl")%> 

</asp:Content> 

O metodo Partial armazena o conteudo na memoria e o exibe como uma string. O 
metodo RenderPartial e mais eficiente, pois envia o conteudo diretamente para a saida. 
Ideal para user controls com muito conteudo ou imagens: 

<%Html.RenderPartial("usrUserControl");%> 

Exemplo: 

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 

Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 

<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent" runat="server H > 

Index 

</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<h2>Index</h2> 

<%Html.RenderPartial("usrUserControl");%> 

</asp:Content> 
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Em urn view Razor, use: 

@{Html.RenderPartial("usrUserControl");} 

Se preferir, use um metodo de controlador para exibir o conteudo de um user control. 
Por exemplo, o metodo Action acessa o metodo de controlador Menu: 

<%:Html.Action("Menu")%> 

Que, por sua vez, carrega o user control usrUserControl .ascx: 

[Chi 1 dActionOnly] 

public ActionResult Menu() { 

return PartialView("usrUserControl"); 

} 

Se o metodo de controlador aceita ou requer parametros, defina-os: 

<%:Html.Action("Menu", new { id = 5 })%> 

O conteudo de um user control pode ser enviado diretamente para a saida por inter- 
medio do metodo RenderAction: 

<%Html.RenderAction("Menu");%> 

Repare que o metodo RenderAction tambem acessa o metodo de controlador Menu: 

[Chi 1dActionOnly] 

public ActionResult MenuQ { 

return PartialView("usrUserControl"); 

} 

Em um view Razor, use: 

@{Html.RenderAction("Menu");} 

3.5.3 Associando classes a um user control 

Aplicagoes que acessam banco de dados podem dividir o conteudo de um view em 
um ou mais user controls. Por exemplo, parte do conteudo do view a seguir: 

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 

Inheri ts="System.Web.Mvc.ViewPage<IEnumerable<AppCapitulo3.Models.Paises» " %> 

<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent" runat="server"> 

Lista 

</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<h2>Lista</h2> 
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<table> 

<% foreach (var item in Model) { %> 

<tr> 

<td> 

<%: item.Nome%> 

</td> 

<td> 

<%: itern.Continente%> 

</td> 

<td> 

<%: item.Idioma%> 

</td> 

</tr> 

<% } %> 

</table> 

</asp:Content> 

Pode ser extraido: 

<tr> 

<td> 

<%: item.Nome%> 

</td> 

<td> 

<%; item.Continente%> 

</td> 

<td> 

<%; item.Idioma%> 

</td> 

</tr> 

E inserido, alterado e adaptado em um user control: 

<%@ Control Language="C#" Inherits= n System.Web.Mvc.ViewllserControl<AppCapitulo3.Models.Paises>" %> 
<tr> 

<td> 

<%: Model.Nome%> 

</td> 

<td> 

<%: Model.Continente%> 

</td> 

<td> 

<%: Model.Idioma%> 

</td> 

</tr> 
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Para invocar o user control, usamos o metodo RenderPartial: 

<%Html.RenderPartial("ListUserControl", item); %> 

Exemplo: 

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site,Master" 

Inherits="System.Web.Mvc.ViewPage<IEnumerable<AppCapitulo3.Models.Paises»" %> 

<asp;Content ID="Contentr' ContentPlaceHolderID="TitleContent" runat="server"> 

Lista 

</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<h2>Lista</h2> 

<table> 

<% foreach (var item in Model) {%> 

<%Html.RenderPartial("ListUserControl", item); %> 

<% } %> 

</table> 

</asp:Content> 
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0 model ou modelo contem as classes e arquivos da camada de dados. E no model que 
voce define a logica de acesso de dados, as interfaces e as classes que as implementam. 

0 model contem tambem as classes do ADO.NET Entity Framework e as classes que 
definem as regras de validaqao e de negocios da aplicaqao. 

4.1 Desenvolvendo uma nova aplicagao 

Inicie o Visual Studio. Acesse o menu File e clique em New Project.... 

Na caixa de dialogo New Project, selecione Web > Visual Studio 2012 > ASP.NET MVC4Web Application. 

Nomeie o projeto como AppCapitulo4. Clique em OK. 

Copie o arquivo Content/Site.css e a master page Views/Shared/Site.Master da aplicaqao 
AppCapitulol para a aplicaqao AppCapitulo4. 

Os exemplos deste livro usam o banco de dados Northwind. Para cria-lo, execute o ar¬ 
quivo CriarNorthwindBD.bat localizado nos arquivos de exemplo deste livro, ou execute 
os arquivos Northwind. sql e Createdatabase.sql no SQLServer® 2008 Management Studio. 

4.2 UsandoADO.NET 

Nosso exemplo com ADO.NET consiste em uma lista de categorias. Exibiremos os 
campos CategoryID,CategoryName, Description da tabela Categories do banco de dados Northwind. 

Primeiramente, criamos um arquivo .cs no diretorio Models da aplicaqao ASP.NET 
MVC; em seguida, adicionamos as classes da camada de dados. 

Observe o codigo a seguir: 
using System; 

usi ng System.Col lections.Generic; 
using System.Configuration; 
using System.Data; 
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using System.Data.SqlClient; 
using System.Web.Configu rati on; 

namespace AppCapitulo4.Models { 

public class CategoriesRepository { 

public List<Categorie> GetAllCategoriesQ { 

ConnectionStringSettings getString = WebConfigurationManager.ConnectionStrings["nwind"] 
as ConnectionStringSettings; 
if (getString != null) { 

string sSql = "select CategorylD, CategoryName, Description from Categories"; 
using (SqlConnection conn = new SqlConnection(getString.Connectionstring)) { 
List<Categorie> 1st = new List<Categorie>(); 

SqlDataReader r = null; 

SqlCommand cmd = new SqlCommand(sSql, conn); 
conn.OpenO; 

r = cmd.ExecuteReader(CommandBehavior.CloseConnection); 
if (r.HasRows) { 

int categorylD = r.CetOrdinal("CategorylD"); 
int categoryName = r.GetOrdinal("CategoryName"); 
int description = r.GetOrdinal("Description"); 

while (r.ReadO) { 

Categorie p=new CategorieQ; 
p.CategorylD = r.GetInt32(categoryID); 
p.CategoryName = r.GetString(categoryName).ToStringQ; 
p.Description = r.GetString(description) .ToStringQ; 

Ist.Add(p); 

} 

} 

return 1st; 

} 

} 

return null; 

} 

public class Categorie { 

public int CategorylD { get; set; } 
public string CategoryName { get; set; } 
public string Description { get; set; } 

} 

} 


} 
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0 codigo anterior nao tem nenhum misterio. Preenchemos as propriedades da classe 
Categorie com um objeto SqlDataReader: 

r = cmd.ExecuteReader(CommandBehavior.CloseConnection); 
while (r.ReadO) { 

Categorie p=new CategorieO; 
p.CategorylD = r.GetInt32(categoryID); 
p.CategoryName = r.GetString(categoryName).ToStringO; 
p. Description = r.GetString(description) .ToStringO; 

1st.Add(p); 

} 

E retornamos uma lista de objetos Categorie: 
public List<Categorie> GetAllCategoriesO {...} 

Em seguida, invocamos o metodo GetAllCategories da classe CategoriesRepository no 

controlador: 

using Systetn.Web.Mvc; 

using AppCapitulo4.Models; 

namespace AppCapitulo4.Controllers { 

public class CategorieController : Controller { 

CategoriesRepository _db = new CategoriesRepositoryQ; 
public ActionResult Index() { 

var model = _db.GetAllCategoriesO; 
if (model == null) 

return View("NotFound"); 

else 

return View(model); 

} 

} 

} 

Para criar o view NotFound, siga os passos descritos no topico 3.4.2. 

Compile a aplicagao, conforme a figura 4.1: 
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Figura 4.1 - Compilando a aplicagao. 

Para testar o exemplo, adicionamos um view. Observe a figura 4.2: 


Add View 
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Figura 42 - Criando um novo view. 


IT Properties 
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No arquivo web.config acrescentamos as linhas a seguir: 

<connectionStrings> 

<add name="nwind n connectionString="Data Source=.\SQLExpress;Integrated 
Security=SSPI;Initlal Catalog=northwind;"/> 

</connectionStrings> 

Apos algumas alteraqoes no view, pressione F5 no Visual Studio, ou digite no navegador: 
http: //I ocal host/AppCapi tul o4/Categori e/i ndex 
0 resultado vemos na figura 4.3: 
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Prepared meats 
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Concluido 
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Figura 43 - Categorias armazenadas na tabela Categories . 


4.3 AD0.NET Entity Framework 

0 ADO.NET Entity Framework permite que voce programe usando entidades rela- 
cionadas criadas manualmente ou a partir de tabelas de um banco de dados. 

Com o ADO.NET Entity Framework, e possivel facilmente adicionar, atualizar, excluir 
e extrair informaqSes de um banco de dados. Tudo isso com poucas linhas de codigo, 
comparado ao ADO.NET 

As entidades do ADO.NET Entity Framework podem ser visualizadas graficamente 
a partir de um arquivo .edmx. 
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Para adicionar entidades para um arquivo .edmx a partir do banco de dados Northwind, 
siga os passos descritos a seguir: 

Clique com o botao direito do mouse no diretorio Models na janela Solution Explorer; em 
seguida, aponte para Add e clique em New Item, 

Selecione o template ADO.NET Entity Data Model. 

Digite o nome do arquivo (<nome do arquivo>.edmx) e clique em Add. Defina a linguagem 
de programagao como Visual C#. Observe a figura 4.4: 



Add New Item - AppCapitulo4 


Installed Templates 


[Default 


Visual C# 
Code 


Type: Visual C# 

A project item for creating an ADO.NET Entity 
Data Model. 


Visual C# 


General 
Web 
MVC 3 
Silverlight 


Visual C# 


Visual C# 


Visual C# 


Visual C# 


j Model 1, edmx 


Figura 4.4 - Caixa de dialogo Add New Item. 

Selecione Generate from database na caixa de dialogo Choose Mudel Contents e clique em Next. 

Observe a figura 4.5: 
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Figura 4.5 - Caixa de dialogo Choose Model Contents. 

Selecione o banco de dados Northwind e defina o nome da string de conexao como 
NorthwindBD, conforme observamos na figura 4.6: 



Figura 4.6 - Configurando a conexao com o banco de dados. 
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Clique em Next. Inicie o servidor SQL antes de clicar em Next. 

Na caixa de dialogo Choose Your Database Objects, selecione as tabelas: Categories, Products, 
Customers, Orders, Order„Details. Defina tambem o nome de uma namespace (exemplo; 
A1f redoLotar.Livro.AspnetMvc.NorthwindModel). 


Observe a figura 4.7: 


Entity Data Model Wizard 


|L_ Choose Your Database Objects 

IP 

VVhich database objects do you want to include in your model? 

3 0C4p Tables 

{ i Q53 AspNet_SqlCacheTablesForChangeNotification (dbo) 
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03 CustomerDemographics (dbo) 

03 Customers (dbo) 

03 Employees (dbo) 

03 EmployeeTerritories (dbo) 

03 Order Details (dbo) 

03 Orders (dbo) 

0SH Products (dbo) 

03 Region (dbo)_ 


3 Pluralize or singularize generated object names 
3 ndude foreign key columns in the model 


Model Namespace: 

j Alf redoLotar. Livro, AspnetMvc, NorthwindModel 


C E |nis O 


Cancel 


Figura 4.7 - Caixa de dialogo Choose Your Database Objects. 
Marque a caixa de selegao Pluralize or singularize generated object names. 


Clique em Finish para criar o arquivo .edmx. 

O resultado pode ser visto na figura 4.8, em que o nome da entidade e igual ao nome 
de cada tabela, e o nome das propriedades e igual aos nomes dos campos da tabela. 
Voce pode alterar o nome da entidade e tambem das propriedades. 
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Figura 4.8 - Arquivo Modell.edmx aberto no Entity Designer. 


4.3.1 Exibindo registros 

Para exibir todas as categorias da tabela Categories, usamos o objeto Entity Framework 
Northwi ndBD e instrugoes LINQ. O codigo e executado diretamente no controlador. Opgao 
recomendada apenas em aplicagoes pequenas ou de teste. Exemplo: 

using System.Linq; 
using System.Web.Mvc; 
using AppCapitulo4.Models; 
namespace AppCapitulo4.Controllers { 

public class CategorieController : Controller { 

CategoriesRepository __db = new CategoriesRepositoryQ; 
private NorthwindBD db = new NorthwindBDQ; 

public ActionResult Index() { 

var model = _db.GetAHCategories(); 
if (model == null) 

return View("NotFound"); 

else 

return View(model); 

} 
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public ActionResult List() { 
try { 

var model = db.Categories.AsParallel().ToListO; 
if (model == null) 

return View("NotFound"); 
else 

return View(model); 

} 

finally { 

if (db != null) db.DisposeO; 

} 

} 

} 

} 

A linha var model = db. Categories.AsParallelQ.ToListO; retorna uma lista generica de 
categorias. 

4.3.2 Exibindo detalhes de um registro 

Para exibir um registro esperifico, filtramos as informagdes com a clausula where: 

public ActionResult Details(string categoria) { 
try { 

ViewBag.Message = categoria; 
var model = (from p in db.Products 

where p.Category.CategoryName == categoria 
select p).ToListO; 
if (model == null) 

return View("NotFound"); 
else 

return View(model); 

} 

finally { 

if (db != null) db.DisposeO; 

} 

} 

Exemplo: 

using System.Linq; 
using System.Web.Mvc; 
using AppCapitulo4.Models; 

namespace AppCapitulo4.Controllers { 

public class CategorieController : Controller { 

CategoriesRepository __db = new CategoriesRepositoryO; 
private NorthwindBD db = new NorthwindBDO; 
public ActionResult Index() { 

var model = _db.GetAHCategories(); 
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if (model == null) 

return View("NotFound"); 

else 

return View(model); 

} 

public ActionResult ListQ { 
try { 

var model = db.Categories.AsParallel().ToListO; 
if (model == null) 

return View("NotFound"); 

else 

return View(model); 

} 

finally { 

if (db != null) db.DisposeQ; 

} 

} 

public ActionResult Details(string categoria) { 
try { 

ViewBag.Message = categoria; 
var model = (from p in db.Products 

where p.Category.CategoryName == categoria 
select p).ToListO; 
if (model == null) 

return View("NotFound"); 

else 

return View(model); 

} 

finally { 

if (db != null) db.DisposeO; 

} 

} 

} 

} 

Quando unimos e criamos urn view para os exemplos anteriores, listamos todos os 
produtos quando clicamos em determinada categoria. 

View List.aspx: 

<%@ Page Title=" u Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 

Inherits="System.Web.Mvc.ViewPage<IEnumerable<AppCapitulo4.Models.Category»" %> 

<asp:Content ID="Contentl" ContentPlaceHolderID= ,, TitleContent" runat="server"> 

Lista de categorias 
</asp:Content> 

<asp;Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<% foreach (var item in Model) { %> 

<%: Html.ActionLink(item.CategoryName, "Details", 
new { categoria = item.CategoryName })%><br /> 

<% } %> 

</asp:Content> 
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View Details.aspx: 

<%@ Page Title=”" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 

Inherits="System.Web.Mvc.ViewPage<IEnumerable<AppCapitulo4.Models.Product»" %> 
<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent" runat="server"> 
<%:ViewBag.Message%> 

</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<h2x%:ViewBag.Message%x/h2> 

<ul> 

<% foreach (var item in Model) { %> 

<li> 

<%: item.ProductName %> 

</li> 

<% } %> 

</ul> 

<px%: Html.ActionLink("Volta para pagina anterior", "List") %></p> 
</asp:Content> 


Observe a figura 4.9: 
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433 Adicionando um novo registro 

Use o objeto Entity Framework NorthwindBD para inserir um novo registro no banco 
de dados: 

db.AddToCategories(p); 
db.SaveChangesO; 

Exemplo: 

private NorthwindBD db = new NorthwindBDO; 
public ActionResult CreateO { 
return View(); 

} 

[HttpPost] 

public ActionResult Create([Bind(Exclude = H CategoryID")]Category p) { 
try { 

if (!Model State.IsValid) return View(); 
db.AddToCategories(p); 
db.SaveChangesO; 
return RedirectToAction("Index"); 

} 

catch(System.Data.EntitySqlException) { 

Model State.AddModelError("", "Erro EntitySqlException."); 
return View(); 

} 

catch (System.Data.EntityCommandExecutionException) { 

Model State.AddModelErrorf"", "Erro EntityCommandExecutionException."); 
return View(); 

} 

finally { 

if (db != null) db.DisposeO; 

} 

} 


Obs.: em uma aplicagao real, profissional, e necessario validar a entrada dos usua- 
rios. Use Model State. IsVal id e atributos especificos. Abordamos a validagao de dados 
no capitulo 8. 


4.3.4 Editando registros 

Para editar um ou mais registros, usamos filtros: 

var model = db.Categories.Where(c => c.CategorylD == id).FirstOrDefault(); 

e dois metodos Edit. O primeiro preenche o formulario com informagoes atuais do 
registro: 

public ActionResult Edit(int? id) { 
try { 

if (Hd.HasValue) return View("NotFound"); 

var model = db.Categories.Where(c => c.CategorylD == id).FirstOrDefault(); 
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if (model == null) 

return View("NotFound"); 

else 

return View(model); 

} 

finally { 

if (db != null) db.DisposeO; 

} 

} 

O segundo filtra: 

var model = db.Categories.Where(c => c.CategorylD == id).FirstOrDefaultO; 

E envia as atualizagoes ao banco de dados: 

this.TryUpdateModel(categoria); 
db.SaveChangesQ; 

Exemplo: 

[HttpPost] 

public ActionResult Edit(int? id, FormCollection collection) { 
try { 

if (!id.HasValue)return View("NotFound"); 

var model = db.Categories.Where(c => c.CategorylD == id).FirstOrDefaultO; 
if (model == null) { 

return View("NotFound"); 

} 

else { 

this.TryUpdateModel(model); 
db.SaveChangesO; 

} 

return RedirectToAction("Index"); 

} 

catch(System.Data.EntitySqlException) { 

Model State.AddModelError("", "Erro EntitySqlException."); 
return View(); 

} 

catch (System.Data.EntityCommandExecutionException) { 

Model State.AddModelError("", "Erro EntityCommandExecutionException."); 
return View(); 

} 

finally { 

if (db != null) db.DisposeO; 

} 

} 

O view NotFound deve ser criado manualmente no diretorio Views\Shared, e e exibido 
quando a busca nao retorna nenhum registro. 

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 

Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 

<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent" runat="server"> 

Registro nao encontrado! 
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</asp:Content> 

<asp:Content ID="Content2" ContentP]aceHolderID="MainContent" runat="server"> 
<h2>Registro nao encontrado!</h2> 

</asp:Content> 

4.3.5 Exduindo registros 

Excluir um registro e simples. Crie um metodo Delete: 
public ActionResult Delete(int? id) {} 

Identifique o registro com um filtro: 

var model = db.Categories.Where(c => c.CategorylD == id).FirstOrDefaultO; 

E invoque o metodo DeleteObject: 
db. Del eteObj ect(model); 

E o metodo SaveChanges: 
db.SaveChangesO; 

Exemplo: 

public ActionResult Delete(int? id) { 
try { 

if (lid.HasValue) 

return View("NotFound"); 

var model = db.Categories.Where(c => c.CategorylD == id).FirstOrDefaultO; 
if (model == null) { 

return View("NotFound"); 

} 

else { 

db.DeleteObject(model); 
db.SaveChangesO; 

} 

return RedirectToAction("Index"); 

} 

catch(System.Data.EntitySqlException) { 

ModelState.AddModelError("", "Erro EntitySqlException."); 
return View(); 

} 

catch (System.Data.EntityCommandExecutionException) { 

Model State,AddModelError("", "Erro EntityCommandExecutionException."); 
return View(); 

} 

finally { 

if (db != null) db.Dispose(); 

} 

} 
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4.4 Camada de dados 

Acessar um objeto Entity Framework diretamente no controlador nao e a melhor 
opgao em aplicagoes profissionais, pois dificulta a manutengao, os testes e duplica 
codigos LINQ, por exemplo. 

A melhor opgao e voce criar uma classe e uma interface. Por exemplo, criamos dois 
objetos: ICategoriesRepository, CategoriesRepository. Essa tecnica e denominada Injegao 
de dependences. 

4.4.1 Interface ICategoriesRepository 

ICategoriesRepository - Descreve os metodos usados pela aplicagao. 

Acrescente ao diretorio Models da aplicagaoASP.NETMVC o arquivo ICategoryRepository. 
cs com o seguinte codigo: 

using System; 

using System.Col lections.Generic; 
namespace AppCapitulo4.Models { 

public interface ICategoryRepository : Disposable { 

IEnumerable<Category> GetAllCategory(); 

Category GetCategory(int? id); 
void Create(Category entidade); 
void Edit(Category entidade); 
void Delete(Category entidade); 

} 

} 

4.4.2 Classe CategoriesRepository 

CategoriesReposi tory — Implementa os metodos definidos na interface ICategori esRepository. 
Adicione ao diretorio Models o arquivo CategorieRepository.es com o seguinte codigo: 
using System; 

using System.Col1ections.Generic; 
using System.Linq; 

namespace AppCapitulo4.Models { 

public class CategoryRepository : ICategoryRepository { 
private bool disposed = false; 
private NorthwindBD db = new NorthwindBDQ; 

public IEnumerable<Category> GetAllCategory() { 

var categorias = db.Categories.AsParallel().ToListQ; 
return categorias; 

} 
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public Category GetCategory(int? id) { 

var categoria = db.Categories.Where(c => c.CategorylD == 
return categoria; 

} 

public void Create(Category entidade) { 
if (entidade != null) { 

db.AddToCategories(entidade); 
db.SaveChangesQ ; 

} 

} 

public void Edit(Category entidade) { 
if (entidade != null) { 

var id = GetCategory(entidade.CategorylD ); 
if (id != null) { 

db.ApplyCur rentValues(id.EntityKey.EntitySetName, 
db.SaveChangesQ; 

} 

} 

} 

public void Delete(Category entidade) { 
if (entidade != null) { 

var id = GetCategory(entidade.CategorylD); 
if (id != null) { 
db.DeleteObject(id); 
db.SaveChangesQ; 

} 

1 

} 

public void Dispose() { 

Dispose(true); 

GC.SuppressFinalize(this); 

} 

~CategoryRepository() { 

Dispose(false); 

} 

protected virtual void Dispose(bool disposing) { 
if (.'this.disposed) { 
if (disposing) { 
if (db != null) { 
db.DisposeQ; 
db = null; 

} 

} 


id). Fi rstOrDefaultQ; 


entidade); 
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} 

disposed = true; 

} 

} 

} 

Obs.: apos a criagao da interface ICategoryRepository e da classe CategoryRepository, 
compile a aplicagao conforme a figura 4.1. 

Repare que a interface ICategoryRepository e implementada por meio de heranga: 
public class CategoryRepository : ICategoryRepository {} 

E uma instancia da classe Entity Framework NorthwindBD e declarada: 
private NorthwindBD db = new NorthwindBDQ; 


4.4.2.1 Listar categorias 

GetAllCategory lista todas as categorias: 

public IEnumerable<Category> GetAllCategory() { 

var categorias = db.Categories.AsParallel().ToListC); 
return categorias; 

} 

4.4.2.2 Retornar um unico registro 

GetCategory filtra as categorias usando o identificador: 
public Category GetCategory(int? id) { 

var categoria = db.Categories.Where(c => c.CategorylD == id),FirstOrDefault(); 
return categoria; 

} 

4.4.23 Inserir registros 

O metodo Create insere uma nova categoria na tabela Categories do banco de dados 
Northwind: 

public void Create(Category entidade) { 
if (entidade != null) { 

db.AddToCategories(entidade); 
db.SaveChangesO; 

} 

} 

4.4.2.4 Editar registros 

O metodo Edit edita uma categoria especifica: 
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public void Edit(Category entidade) { 
if (entidade != null) { 

var id = GetCategory(entidade.CategorylD); 
if (id != null) { 

db,ApplyCu rrentValues(id.EntityKey.EntitySetName, entidade); 
db.SaveChangesO; 

} 

} 

} 

4.4.2.5 Excluir 

0 metodo Delete exclui uma categoria espedfica: 

public void Delete(Category entidade) { 
if (entidade != null) { 

var id = GetCategory(entidade,CategorylD); 
if (id != null) { 

db.DeleteObject(id); 
db.SaveChangesO; 

} 

} 


4.4.2.6 Liberando recursos 

Liberamos os recursos usados pela classe CategoryRepository por intermedio dos me- 
todos listados a seguir; 

public void Dispose() { 

Dispose(true); 

GC.SuppressFinalize(this); 


~CategoryReposi tory() { 

Dispose(false); 

} 

protected virtual void Dispose(bool disposing) { 
if ('this.disposed) { 
if (disposing) { 
if (db != null) { 
db.DisposeO; 
db = null; 

} 

} 

} 

disposed = true; 
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4.4.3 Invoque os metodos da interface 

Na classe controladora, invoque os metodos da interface. Assim, qualquer alteragao 
no codigo dos metodos da classe CategoriesRepository nao afeta o codigo que invoca a 
interface. Exemplo: 

using System.Web.Mvc; 
using AppCapitulo4,Models; 
namespace AppCapitulo4.Controllers { 

public class HomeController : Controller { 
private ICategoryRepository .repository; 
public HomeControllerO : this(new CategoryRepositoryO) {} 

public HomeController(ICategoryRepository repository) { .repository = repository;} 
public ActionResult Index() { 
try { 

var model = .repository.GetAllCategoryO; 
return View(model); 

} 

finally { 

if (.repository != null) .repository.DisposeQ; 

} 

} 

} 

} 

A classe controladora HomeController tern dois metodos construtores. O primeiro invoca o 
outro por meio da palavra-chave this e passa uma instancia da classe CategoryRepository. 
Tecnica utilizada quando construtores tern algum codigo em comum: 

public class HomeController : Controller { 
private ICategoryRepository .repository; 
public HomeControllerO : this (new CategoryRepositoryO) { } 
public HomeController(ICategoryRepository repository) { .repository = repository; } 

} 

Invoque os metodos por intermedio da variavel .repository: 
var model = .repository.GetAllCategoryO; 

O metodo Dispose libera os recursos utilizados pela classe CategoryRepository: 
.repository.DisposeO; 

Para acrescentar uma nova categoria, use: 

.repository.Create(c); 

Exemplo: 

public ActionResult CreateO { 
return View(); 

} 
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[HttpPost] 

public ActionResult Create(Category c) { 
try { 

if (!Model State.IsValid) 
return View(); 

.repository.Create(c); 

return RedirectToAction("Index"); 

} 

catch(System.Data.EntitySqlException) { 

ModelState.AddModelError("", "Erro EntitySqlException."); 

return View(); 

} 

catch (System.Data.EntityCommandExecutionException) { 

Model State.AddModelErrorC"', "Erro EntityCommandExecutionException."); 
return View(); 

} 

finally { 

if (.repository != null) .repository.DisposeO; 

} 

} 

Se voce pretende atualizar determinado registro da tabela Categories, identifique o 
registro no primeiro metodo Edit: 

public ActionResult Edit(int id) { 

try { 

var model = .repository.CetCategory(id); 
if (model == null) 

return ViewC'NotFound"); 

else 

return View(model); 

} 

finally { 

if (.repository != null) .repository.DisposeO; 

} 

} 

E atualize no segundo metodo Edit: 

[HttpPost] 

public ActionResult Edit(Category c) { 
try { 

if (!Model State.IsValid)return View(); 

.repository.Edit(c); 

return RedirectToActionC'Index"); 

} 
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catch(System.Data.EntitySqlException) { 

ModelState.AddModelErrorC'", "Erro EntitySqlException."); 
return View(); 

} 

catch (System.Data.EntityCommandExecutionException) { 

Model State.AddMode1Error("", "Erro EntityCommandExecutionException."); 
return View(); 

} 

finally { 

if (.repository != null) .repository.DisposeO; 

} 

} 

Procedimento semelhante adotamos quando excluimos registros: 

public ActionResult Delete(int id) { 
try { 

var model = .repository.GetCategory(id); 
if (model == null) 

return View("NotFound"); 

else 

.repository.Delete(model); 
return RedirectToAction("Index"); 

} 

finally { 

if (.repository != null) .repository.DisposeQ; 

} 

} 

4.5 Repositorio generico 

O codigo descrito no topico anterior e trilegal, como se diz aqui no Rio Grande do 
Sul. Mas tem um problema. Note que e preciso uma interface e uma classe reposito¬ 
rio para cada tabela do banco de dados. Em uma aplicagao grande, significa muito 
codigo repetido, entre outros problemas. 

A solugao e usar o recurso generics do .NET Framework e desenvolver uma interface 
que pode ser usada por todas as tabelas do banco de dados. 

Obs.: o repositorio generico exemplificado neste topico e compativel com oADO.NET 
Entity Framework 4.0. Para testa-lo baixe os arquivos de exemplo e abra no Visual 
Studio o projeto do capitulo 4. Nos arquivos de exemplo deste livro voce encontra 
tambem um repositorio generico compativel com o ADO.NET Entity Framework 
5.0 e 6.0. 
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4.5.1 A interface IGenericRepository 

Neste livro, usamos a interface IGenericRepository para descrever os metodos usados 
pelas classes repositorio. 

Acrescente ao diretorio Models o arquivo IGenericRepository.es com o codigo a seguir: 
using System; 

using System.Col1ections.Generic; 
using System.Data.Objects.DataClasses; 
using System.Linq.Expressions; 

namespace AppCapitulo4.Models { 

public interface IGenericRepository : IDisposable { 

IEnumerable<T> GetAl1<T>(); 

IEnumerable<T> Find<T>(Expression<Func<T, bool» predicate); 

T GetSingle<T>(Expression<Func<T, bool» predicate); 
void Create<T>(T entidade); 

void Edit<T>(T entidade, Expression<Func<T, bool» predicate) where T : class, IEntityWithKey; 
void Delete<T>(Expression<Func<T, bool» predicate); 

} 

1 

0 metodo GetAl 1 retorna todos os registros da entidade T: 

IEnumerable<T> GetAl 1 <T>(); 

Obs.: Teo nome da entidade,exemplo category. 

Abusca por registros especificos e realizada pelo metodo Find com o auxilio de ex¬ 
pressoes lambda: 

IEnumerable<T> Find<T>(Expression<Func<T, bool» predicate); 

0 metodo GetSingle retorna a primeira ocorrencia de um registro restringido por 
expressoes lambda: 

T GetSingle<T>(Expression<Func<T, bool» predicate); 

Para operagdes de insergao, usamos o metodo Create: 
void Create<T>(T entidade); 

Operagoes de exclusao usam o metodo Delete e expressoes lambda: 
void Delete<T>(Expression<Func<T, bool» predicate); 

Aatualizagao de registros e realizada pelo metodo Edit: 

void Edit<T>(T entidade, Expression<Func<T, bool» predicate) where T : class, IEntityWithKey; 

Alem do nome da entidade, passamos ao metodo Edit expressoes lambda e informa- 
mos que o tipo T deve ser um tipo de referenda e que requer a implementagao da 
interface IEntityWithKey. 
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4.5.2 Classe EntityFrameworkRepository 

Aclasse EntityFrameworkRepository implementa os metodos da interface IGenericRepository. 

Acrescente ao diretorio Models o arquivo EntityFrameworkRepository.es. Em seguida, adicione 
o seguinte codigo ao arquivo: 

using System; 

using System.Collections; 

using System.Col lections.Generic; 

using System.Data.Objects; 

using System.Data.Objects.DataClasses; 

using System.Linq; 

using System.Linq.Expressions; 

namespace AppCapitulo4.Models { 

public class EntityFrameworkRepository : IGenericRepository { 
private ObjectContext _contexto; 
private bool disposed = false; 

public EntityFrameworkRepository(ObjectContext dataContext) { 

_contexto = dataContext; 

} 

public IEnumerable<T> GetAl1<T>() { 
string entityName = GetEntidade<T>(); 

IList<T> query = _contexto.CreateQuery<T>(entityName).ToListO; 
return query; 

} 

public IEnumerable<T> Find<T>(Expression<Func<T, bool» predicate) { 
string entityName = GetEntidade<T>(); 

var model = _contexto.CreateQuery<T>(entityName).Where(predicate).ToListO; 
return model; 

} 

public T GetSingle<T>(Expression<Func<T, bool» predicate) { 
string entityName = GetEntidade<T>(); 

var model = _contexto.CreateQuery<T>(entityName).Where(predicate).FirstOrDefault<T>(); 
return model; 

} 

public void Create<T>(T entidade) { 
if (entidade != null) { 

string entityName = GetEntidade<T>(); 

_contexto.AddObject(entityName, entidade); 

_contexto.SaveChanges(); 

} 

} 
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public void Edit<T>(T entidade, Expression<Func<T, bool» predicate) where T : class, 
IEntityWithKey { 

if (entidade != null) { 

string entityName = GetEntidade<T>(); 
var model = GetSingle(predicate); 
if (model != null) { 

_contexto.ApplyCurrentValues(model.EntityKey.EntitySetName, entidade); 
_contexto.SaveChanges(); 

} 

} 

} 

public void Delete<T>(Expression<Func<T, bool» predicate) { 
var model = GetSingle(predicate); 
if (model != null) { 

_contexto.DeleteObject(model); 

_contexto.SaveChanges(); 

} 

} 

private string GetEntidade<T>() { 

var EntitySetName = _contexto.GetType().GetPropertiesO 

.Single(p => p.PropertyType.IsGenericType && typeof(IEnumerableo) 
.MakeGenericType(typeof(T)).IsAssignableFrom(p.PropertyType)); 
return EntitySetName.Name; 

} 

public void DisposeO { 

Dispose(true); 

GC.SuppressFinalize(this); 

} 

-EntityFrameworkRepositoryO { 

Dispose(false); 

} 

protected virtual void Dispose(bool disposing) { 
if (!this.disposed) { 
if (disposing) { 

if (_contexto != null) { 

_contexto. DisposeO; 

_contexto = null; 

} 

} 

} 

disposed = true; 

} 

} 

} 
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Obs.: baixe os arquivos de exemplo no website da Editora Novatec e copie o arquivo 
EntityFrameworkRepository.es para o diretorio Models, assim voce nao precisa digitar 
grandes quantidades de codigo. Compile a aplicagao conforme a figura 4.1. 

A classe EntityFrameworkRepository implementa por meio de heranga as funqoes da in¬ 
terface IGenericRepository: 

public class EntityFrameworkRepository : IGenericRepository {} 

E contem um metodo construtor 

public class EntityFrameworkRepository : IGenericRepository { 
private ObjectContext _contexto; 
private bool disposed = false; 

public EntityFrameworkRepository(ObjectContext dataContext) { 

_contexto = dataContext; 

} 

} 

Cujo parametro aceita uma classe do ADO.NET Entity Framework herdada de 

ObjectContext. 

Exemplo: 

.repository = new EntityFrameworkRepository(new NorthwindBDO); 

4.5.2.1 Metodo GetAII 

O metodo GetAII extrai todas as linhas de qualquer tabela. Para que isso seja possivel, 
e necessaria a criaqao de uma consulta dinamica, com o metodo CreateQuery, que se 
adapte a qualquer tabela: 

IList<T> query = _contexto.CreateQuery<T>(entityName).ToListO; 

Exemplo: 

public IEnumerable<T> GetAII<T>() { 
string entityName = GetEntidade<T>(); 

IList<T> query = _contexto.CreateQuery<T>(entityName).ToListO; 
return query; 

} 

O metodo GetEntidade<T> retorna o valor da propriedade EntitySetName de uma entidade: 

private string GetEntidade<T>() { 

var EntitySetName = _contexto.GetType().GetPropertiesO 

.Single(p => p.PropertyType.IsGenericType && typeof(IEnumerableo) 

.MakeGenericType(typeof(T)).IsAssignableFrom(p.PropertyType)); 
return EntitySetName.Name; 

} 
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4.S.2.2 Metodo Find 

0 metodo Find encontra todas as ocorrencias de acordo com os criterios definidos 
na expressao lambda: 

public IEnumerable<T> Find<T>(Expression<Func<T, bool» predicate) { 
string entityName = GetEntidade<T>(); 

var model = _contexto.CreateQuery<T>(entityName).Where(predicate).ToListO; 
return model; 

} 


4.5.23 Metodo GetSingle 

Retorna a primeira ocorrencia de um registro de acordo com os criterios especificados 
pela expressao lambda: 

public T GetSingle<T>(Expression<Func<T, bool» predicate) { 
string entityName = GetEntidade<T>(); 

var model = _contexto.CreateQuery<T>(entityName).Where(predicate).FirstOrDefault<T>(); 
return model; 

} 

4.5.2.4 Metodo Create 

0 metodo Create insere um novo registro na entidade passada ao metodo: 

public void Create<T>(T entidade) { 
if (entidade != null) { 

string entityName = GetEntidade<T>(); 

_contexto.AddObject(entityName, entidade); 

_contexto.SaveChanges(); 

} 

} 

4.5.2.5 Metodo Edit 

0 metodo Edit e o mais complexo de todos. Possui dois parametros: 
public void Edit<T>(T entidade, Expression<Func<T, bool» predicate) 
e restrigoes quanto a implementagao: 
where T : class, IEntityWithKey 

Usamos a expressao lambda para filtrar o registro que deve ser editado: 

var model = GetSingle(predicate); 

E o nome da entidade e usado para aplicar as alteragoes: 

_contexto.ApplyCu r rentValues(model.EntityKey.EntitySetName, entidade); 

_contexto.SaveChanges(); 
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Exemplo: 

public void Edit<T>(T entidade, Expression<Func<T, bool» predicate) where T : class, 
IEntityWithKey { 

if (entidade != null) { 

string entityName = GetEntidade<T>(); 
var model = GetSingle(predicate); 
if (model != null) { 

_contexto.ApplyCurrentValues(model.EntityKey.EntitySetName, entidade); 
_contexto.SaveChanges(); 

} 

} 

} 

Verifique os objetos antes de realizar uma operagao. Por exemplo, antes de usar uma 
entidade, verificamos a sua existencia: 

if (entidade != null) {} 

O mesmo ocorre quando usamos um objeto retornado por um metodo: 

var model = GetSingle(predicate); 
if (model != null) {} 

4 . 5 . 2.6 Metodo Delete 

Exclui um registro espedfico definido na expressao lambda: 

public void Delete<T>(Expression<Func<T, bool» predicate) { 
var model = GetSingle(predicate); 
if (model != null) { 

_contexto.DeleteObject(model); 

_contexto.SaveChanges(); 

} 

} 

4.5.2.7 Metodo Dispose 

O metodo Dispose libera os recursos utilizados pela classe EntityFrameworkRepository: 

public void DisposeO { 

Dispose(true); 

GC.SuppressFinalize(this); 

} 

-EntityFrameworkRepositoryO { 

Dispose(false); 

} 
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protected virtual void Dispose(bool disposing) { 
if (!this.disposed) { 
if (disposing) { 

if (_contexto != null) { 

_contexto.Dispose(); 

.contexto = null; 

} 

} 

} 

disposed = true; 

} 

4.5.3 Invocando os metodos da interface generics 

Para invocar os metodos da interface IGenericRepository, crie no metodo construtor do 
controlador uma nova instancia da classe repositorio EntityFrameworkRepository e passe 
ao metodo uma instancia da classeADO.NET Entity Framework NorthwindBD herdada 
de ObjectContext: 

public class HomeController : Controller { 
private IGenericRepository .repository; 
public HomeControllerO { 

.repository = new EntityFrameworkRepository(new NorthwindBDO); 

} 

} 

4.5.3.1 Exibir todos os registros 

Para exibir todos os registros de determinada tabela, use o metodo GetAl 1 <Entidade>(). 
Exemplo: 

public ActionResult Index() { 
try { 

var model = .repository.GetAll<Category>(); 
return View(model); 

} 

finally { 

if (.repository != null) .repository.DisposeO; 

} 

} 

Para exibir os registros de outra tabela, basta alterar o nome da entidade. Exemplo: 

var model = .repository.GetAl!<Customer>(); 
var modell = .repository.GetAll<Product>(); 
var model2 = .repository.GetAll<Order>(); 
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4.53.2 Detalhes de um registro 

Para exibir os detalhes de um registro especifico, use o metodo GetSingle: 

public ActionResult Single(int? id) { 
try { 

if (lid.HasValue) 

return View("NotFound"); 

var model = _repository.GetSingle<Category>(c => c.CategorylD == id); 
if (model == null) 

return View("NotFound”); 

else 

return View(model); 

} 

finally { 

if (.repository != null) .repository.DisposeQ; 

} 

} 

O metodo GetSingle requer o nome da entidade e tambem a expressao lambda: 
var model = .repository.GetSingle<Category>(c => c.CategorylD == id); 


4.5.3.3 Busca 

A busca por informa^oes especificas no banco de dados pode ser realizada pelo 
metodo Find. Exemplo: 

public ActionResult Details(string categoria) { 
try { 

ViewBag.Message = categoria; 

var model = .repository.Find<Product>(p => p.Category.CategoryName == categoria). 
Tol_ist(); 

return View(model); 

} 

finally { 

if (.repository != null) .repository.DisposeO; 

} 

} 

No exemplo, exibimos todos os produtos de determinada categoria. 

4.53.4 Inserindo registros 

O primeiro metodo Create exibe o formulario em branco: 

public ActionResult CreateO { 
return ViewQ; 

} 


Qbs.: para exibir o formulario, e preciso associar um view ao metodo Create. 
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No segundo metodo Create definimos o nome da entidade e o argumento passado: 
_reposi tory. Create<Category> (categori a); 
e enviamos as informagoes ao banco de dados. Exemplo: 

[HttpPost] 

public ActionResult Create(Category categoria) { 
try { 

if (!Model State.IsValid) 
return ViewQ; 

_repository.Create<Category>(categoria); 
return RedirectToAction("Index"); 

} 

catch { 

return View(); 

} 

finally { 

if (.repository != null) _repository.Dispose(); 

} 

} 

4.53.5 Editando registros 

Quando editamos informagdes no banco de dados, definimos qual registro deve ser 
editado no primeiro metodo Edit do controlador: 

public ActionResult Edit(int? id) { 
try { 

if (iid.HasValue) 

return View("NotFound"); 

var model = _repository.GetSingle<Category>(c => c.CategorylD == id); 
if (model == null) 

return View("NotFound"); 

else 

return View(model); 

} 

finally { 

if (.repository != null) _repository.Dispose(); 

} 

} 

No segundo metodo Edit inserimos as informagoes no banco de dados: 

[HttpPost] 

public ActionResult Edit(Category categoria) { 
try { 

_repository.Edit<Category>(categoria, p => p.CategorylD == categoria.CategorylD); 
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return RedirectToAction("Index"); 

} 

catch { 

return View(); 

} 

finally { 

if (.repository != null) .repository.DisposeO; 

} 


4.53.6 Exduindo registros 

Para excluir um registro, usamos dois metodos Delete. Um seleciona o registro que 
deve ser excluido e o segundo metodo contem o codigo que exclui o registro do 
banco de dados. 

Exemplo: 

public ActionResult Delete(int? id) { 
try { 

if (lid.HasValue) 

return View("NotFound"); 

.repository.Delete<Category>(p => p.CategorylD == id); 
return RedirectToAction("Index"); 

} 

finally { 

if (.repository != null) .repository.DisposeO; 

} 

} 
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Razor 


A sintaxe Razor embute em uma mesma pagina web codigo que roda no servidor, 
marcagoes HTML, seletores CSS e codigo de linguagens de script, como JavaScript. 

A sintaxe Razor e simples, facil de digitar e, o melhor, voce nao precisa aprender uma 
nova linguagem de programagao. 

0 caractere @ e o cara no Razor. E usado para declarar blocos de instrugoes, retornar 
o resultado de expressoes, invocar metodos, acessar propriedades, declarar variaveis, 
criar uma instancia de uma classe etc. 

A sintaxe do Razor e extremamente simples. For exemplo, para retornar a data atual, 
usamos a linha a seguir: 

<p>@DateTime.Now</p> 

As instrugoes sao iniciadas com o caractere @ e cercadas por chaves: 
var data = DateTime.Now; 

} 

E podem conter multiplas linhas de codigo: 

@{ 

string nome = "Alfredo Lotar"; 
var data = DateTime.Now; 

} 

todas finalizadas com ponto e virgula. 

5.1 Variaveis 

Voce pode declarar variaveis normalmente definindo o tipo de dados: 

@{ 

string nome = "Alfredo Lotar"; 
string[] cores = new string[3]; 
int x = 10; 

139 
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int y = 50; 

int resultado = x + y; 


Programando com ASP.NET MVC 


} 

c'DOCTYPE html> 

<html> 

<body> 

<div> 

<p>Total: @resultado</p> 

<p>Multiplicagao: @(x*y)</p> 

</div> 

</body> 

</html> 

Ou usando a palavra-chave var: 

@{ 

var nome = "Alfredo Lotar"; 
var cores = new string[3]; 
var x = 10; 
var y = 50; 

var resultado = x + y; 

} 

<p>Total: @resultado</p> 

Uma expressao pode ser colocada dentro de parenteses: 

<p>@(x * y)</p> 

O caractere @ pode ser usado tambem para impedir que determinados caracteres 
sejam processados. Por exemplo, ao armazenar o caminho de um arquivo como string, 
o conteudo da variavel deve ser precedido do caractere 

string caminho = @"c:\livro\capitulo5"; 

O mesmo ocorre quando incluimos aspas duplas em uma string: 

string nome = ©"Alfredo ""Lotar"""; 

Ou quando dividimos o conteudo de uma variavel do tipo string em varias linhas: 

string nome = ©"Alfredo Lotar 
Programador 
autor"; 


Obs.: a sintaxe Razor quando usada com C# faz distingao entre letras maiusculas e 
minusculas. 
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5.2 Comentarios 

No Razor, comentarios comegam com o @* e terminam com *@. Isso se aplica a 
comentarios em multiplas linhas ou em linha unica. 

@{ 

@*Este comentario tern uma unica linha*© 

@* 

Comentario dividido em 
varias linhas 

*@ 

} 

Se preferir, use os caracteres de comentario do C#: 

// Este comentario tern uma unica linha 

/* 

Comentario dividido em 
varias linhas 

7 

} 

As marcagoes HTML sao comentadas com <!— e —>. 

Exemplo: 

<! DOCTYPE html> 

<html> 

<body> 

<div> 

<P> 

<!-- Comentario dentro de uma pagina com marcacoes HTML —> 

</p> 

</div> 

</body> 

</html> 

5.3 Instru^oes if 

A instrugao if retorna verdadeiro ou falso com base em um teste especifico: 


int ano = DateTime.Now.Year; 
if (ano > 2012) { 

<p>Ano: ©DateTime.Now.Year </p> 


} 
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else if (ano < 2012) { 

<p>Ano: 2011</p> 

} 

else { 

<p>Ano i ndefi rsi do. </p> 

} 

} 

Ao observar o codigo, notamos que e possivel incluir marcagoes HTML no codigo C#: 

if (ano > 2012) { 

<p>Ano: @DateTime.Now.Year </p> 

} 

Texto puro sem marcagoes HTML pode ser exibido na tela quando precedido de 
Exemplo: 

@:Isto e um texto sem marcagoes HTML 

} 

ou da marcagao <text>: 

<text>Isto e um texto sem marcagoes HTML</text> 

} 

5.4 Instrugao switch 

A instrugao switch testa se determinado valor combina com uma instrugao case. Se 
retorna verdadeiro, o codigo da instrugao case e executado. 

Exemplo: 

int mes = DateTime.Now.Month; 
string mensagem = 

switch (mes) { 
case 1: 

mensagem = "Janeiro"; 
break; 
case 2: 

mensagem = "Feveriro"; 
break; 
case 3: 

mensagem = "Margo"; 
break; 
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case 4: 

mensagem = "Abril"; 
break; 
case 5: 

mensagem = "Maio"; 
break; 
case 6: 

mensagem = "Junho"; 
break; 
default: 

<p>Mes indefinido.</p> 
break; 

} 

} 

<! DOCTYPE html > 

<html> 

<body> 

<div> 

<P> 

@mensagem 

</p> 

</div> 

</body> 

</html> 

5.5 Instrugao for 

Ainstrugao for e caracterizada como loop contador, ou seja, voce percorre os extre- 
mos conhecidos: 

for (int i =0; i <10; i++) { 

<p>Numero: @i</p> 

} 

} 

5.6 Instru^ao foreach 

Ainstrugao foreach e usada para percorrer itens de uma colegao: 

@{ 

string[] cidades = new string[3]; 
cidades[0] = "Sao Paulo"; 
cidades[1] = "Rio de Janeiro"; 
cidades[2] = "Porto Alegre"; 
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<ul> 

©{foreach (var cidade in cidades) { 

<li>@cidade</li> 

} 

} 

</ul> 

} 

5.7 Propriedades e metodos 

Com o caractere @ acessamos propriedades: 

@{ 

©Request.UserLanguages[0] <br/> 

©Request,Url <br/> 

©Request.UserAgent 

} 

e invocamos Metodos: 

©{Html.RenderAction("ListaProdutos");} 

@{ 

©Server.HtmlEncode("<b>tags HTML desativadas.</b>"); 

} 

5.8 Manipular excels 

Para manipular excegoes com Razor, basta incluir um bloco try e catch. 
Exemplo: 

@{ 

try { 

var fs = File.Open(@"c:\testelOO.txtx", FileMode.Open); 

} 

catch (FileNotFoundException) { 

<p>Arquivo nao encontrado.</p>; 

} 

catch (Exception) { 

<p>Erro detectado.</p>; 

} 


} 
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5.9 Conversoes 

A sintaxe Razor possui diversos metodos que nos permitem forgar uma conversao 
explicita de um tipo de dados para outro. 

Alem dos metodos usados na conversao, ha metodos que permitem testes em dados. 
Por exemplo, podemos verificar se determinado tipo e um inteiro antes de converte-lo. 

Aseguir, listamos os metodos usados na conversao e verificaqao de dados. 

Metodo Descri^ao 

AsIntO, IsIntO 

AsBool (), IsBool() 

AsFloatO, IsFloatO 

AsDecimal (), IsDecimal () 

AsDateTimeO, IsDateTimeO 

ToStringO 
Exemplo: 

@{ 

string numero = "123456"; 
int i = 0; 

if (numero.IsIntO) { 
i = numero. AsIntO; 

} 

<p>@i</p> 

} 

5.100peradores 

Os operadores do C# podem ser usados normalmente com a sintaxe Razor. 
Exemplo: 

int x = 12; 
int y = 5; 
int resultado = 0; 


Aslnt converte uma string para um inteiro. Islnt verifica se e um 
tipo i nt valido. 

AsBool converte uma string para um tipo boleano (true, false). 
IsBool verifica se e um tipo bool valido. 

AsFl oat converte uma string para um tipo ponto flutuante. IsFl oat 
verifica se e um tipo float valido. 

AsDeci mal converte uma string para um tipo decimal. IsDeci mal 
verifica se e um tipo decimal valido. 

AsDateTi me converte uma string para um tipo data e hora. IsDateT i me 
verifica se e um tipo DateTime valido. 

Converte qualquer tipo de dados em um tipo string. 
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if (x >= 10 && y < 7) { 
resultado = y + y; 

} 

else { 

resultado = y - y; 

} 

} 

<!DOCTYPE html> 

<html> 

<headx/head> 

<body> 

<div> 

<P> 

©resultado 

</p> 

</div> 

</body> 

</html> 

5.11 Href 

O metodo Href converte enderegos relativos de uma imagem, arquivo CSS, pagina web 
para um enderego que o navegador entende. 

Exemplo: 

<img src="@Href("~/Content/Imagens")/logo.gif n /> 

<1 ink reVstylesheet" type="text/css" href="@Href("~/Content/Site.css")" /> 

O mecanismo de exibigao ASPX usa o metodo Resol veUrl. 

Exemplo: 

<%:Html.ImageC'idlmag", ResolveUrl("-/Content/imagem.jpg"), "Descrigao")%> 

5.12 Associando classes 

A sintaxe Razor usa a palavra-chave model para associar classes a um view: 

©model IEnumerable<AppCapitulo5.Models.Paises> 

Acessar os membros da classe associada e simples. Observe a figura 5.1: 
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*3 AppCapitulo5 - Microsoft Visual Web Developer 2010 Express 



Figura 5.1 -Acessando os membros da classe Paises. 


5.13 Adicionando um layout 

A sintaxe Razor usa layouts para definir conteudo comum a todas as paginas de um 
website. E semelhante a uma master page. 

Para adicionar um layout Razor a um website: na janela Solution Explorer, clique com o 
botao direito do mouse no diretorio /View/Shared. Em seguida, selecione Add e clique 
em New Item..., Observe a figura 5.2. 

Obs.: o diretorio Shared contem os arquivos compartilhados pela aplicagao. Como 
master pages, layouts, paginas com mensagens de erro-padrao etc. 

Na caixa de dialogo Add New Item, selecione MVC 4 Layout Page (Razor) . Defina o nome do layout 
na caixa de texto Name:. Clique em Add para finalizar. Observe a figura 5.3. 
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A S ■ & -A * ; ' ► ;• Debug 
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C3 Models 
Ca Scripts 
& Views 
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namespace AppCapituloS.Controllers 


public class HomeController 
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Convert to Web Application 
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Figura 5.2 - Passos para acrescentar um layout. 
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Figura 5.3 - Caixa de dialogo Add New Item. 
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Ao clicar em Add, criamos o arquivo _LayoutPagel.cshtml com o codigo a seguir: 

<!D0CTYPE html> 

<html> 

<head> 

<title>@ViewBag.Tit!e</title> 

</head> 

<body> 

<div> 

@RenderBody() 

</div> 

</body> 

</html> 

RenderBodyO exibe o conteudo do view ao qual o layout esta associado: 

<div> 

@RenderBody() 

</div> 

No view a propriedade Layout define o nome e o caminho do layout usado: 
@{ 

Vi ewBag.Title = "Titulo da pagina"; 

Layout = "~/Views/Shared/_LayoutPagel.cshtml"; 

} 

<P> 

Este e o conteudo do Website. 

</p> 


Obs.: quando usamos uma pagina de layout, o codigo HTML fica nesta. O view 
contem somente o conteudo da pagina. 


5.14 Criando um novo view Razor 

Apos a criaqao do layout, acrescentamos a aplicagao um novo view Razor. Observe 
a figura 5.4. 

Usamos o mecanismo de exibigao Razor (CSHTML), a classe Paises e o template Details. 
Marcamos a caixa de selegao Use a layout or master page: e definimos o nome da pagina de 
layout usada — /Views/Shared/_LayoutPagel.cshtml. 
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Add View 


View name; 

(Details 
View engine; 

[Razor (CSHTML) v 

@ Create a strongly-typed view 
Model class: 

| Raises (A ppCapituloS. Models) v 

Scaffold template; 

[Details v 0 Reference script libraries 

0 Create as a partial view 
0 Use a layout or master page: 



p/Views/5hared/_LayoutPage 1, cshtml 
(Leave empty if it is set in a Razor _viewstart file) 

ContentPlaceHolder ID; •' •• . ' \ ■ • .' 



Figura 5.4 - Caixa de dialogo Add View. 
A seguir, temos o codigo gerado para o view Razor: 

©model AppCapitulo5.Models.Pai ses 



ViewBag.Title = "Details"; 

Layout = "~/Views/Shared/_LayoutPagel.cshtml"; 

} 

<h2>Detai1s</h2> 

<fieldset> 

<legend>Paises</legend> 

<div class="display-label">Nome</div> 

<div class="display-field">@Model.Nome</div> 


<div class="display-label">Continente</div> 

<div class="display-field">@Model.Continente</div> 


<div class="display-label">Idioma</div> 

<div class="display-field">@Model.Idioma</div> 

</fieldset> 

<p> 

©Htrnl.ActionLinkC'Edit", "Edit", new { /* id=Model.PrimaryKey */ }) | 
@Html.ActionLink("Back to List", "Index") 
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5.15 Paginas com Visual consistente 

Por intermedio do metodo RenderPage, incluimos o conteudo de qualquer arquivo em 
uma pagina de layout. Imagine um arquivo que contem o conteudo do cabegalho: 


<di v class="cabecalho">Este e o texto do cabegalho.</div> 

E outro o rodape da pagina: 

<div class="rodape">Este e o texto do rodape.</div> 

Observe a figura 5.5 : 

Index.cshtml 1 


_Header.cshtml 1 

<html> 

t •I' 


<divclass="cabecalho"> 1 

@RenderPage() 

_ </div> I 


_Footer.cshtml | 

@RenderPage() - 4 - 

1 i 

<div class-"rodape"> 


</div> 

</html> 



Figura 5.5 - llustra como uma pagina e inserida com o metodo RenderPage. 
Eles podem ser inseridos na pagina de layout facilmente, exemplo: 

@{ 

Layout = null; 

} 

<! DOCTYPE html > 

<html> 

<head> 

<title>Titulo da pagina</title> 

</head> 

<body> 

<div> 

©RenderPage("/Views/Shared/_Header.cshtml") 

<p style="color: Blue; font-weight: bold;"> 

Este e o conteudo da pagina principal. 
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</p> 

©RenderRageCVViews/Shared/.Footer.cshtml") 

</div> 

</body> 

</html> 


Quando executamos o exemplo e exibimos o codigo-fonte da pagina, temos o se~ 
guinte codigo: 

clDOCTYPE html> 

<html> 

<head> 

<title>Titulo da pagina</title> 

</head> 

<body> 

<div> 

<div class="cabecalho"> 

Este e o texto do cabegalho. 

</div> 

<p sty1e="color: Blue; font-weight: bold;"> 

Este e o conteudo da pagina principal. 

</p> 

<div class="rodape"> 

Este e o texto do rodape. 

</div> 

</div> 

</body> 

</html> 

O resultado vemos na figura 5.6: 



Figura 5.6 - Cabe^alho e rodape exibidos com o metodo RenderPage. 




Capi'tulo 5 ■ Razor 


153 


5.15.1 Paginas de layout e o metodo RenderPage 

Uma estrategia interessante e definir o conteudo comum a todas as paginas, por exem- 
plo, o cabeqalho e o rodape em uma pagina de layout - semelhante a uma master page. 

Exemplo: 

<! DOCTYPE html > 

<html> 

<head> 

<title>@ViewBag.Tit1e</title> 

</head> 

<body> 

<div> 

@RenderPage("_Header,cshtml") 

@RenderBody() 

@RenderPage("_Footer.cshtml") 

</div> 

</body> 

</html> 

0 metodo RenderPage carrega um view ou usercontrol (partial view) enquanto o metodo 
RenderBody exibe o conteudo do view ao qual o layout esta associado. E a propriedade 
Layout define o nome e o caminho do layout usado no view Index.cshtml: 

@{ 

Vi ewBag.Title = "Titulo da pagina”; 

Layout = "~/Views/Shared/_LayoutPagel. cshtml”; 

} 

0 view Index.cshtml exibido na pagina de layout _LayoutPagel.cshtml contem o seguinte 
codigo: 

Vi ewBag.Title = "Titulo da pagina"; 

Layout = "~/Views/Shared/_LayoutPagel.cshtml"; 

} 

<div> 

<p style="color: Blue; font-weight: bold;"> 

Este e o conteudo da pagina principal. 

</p> 

</div> 

Repare que o view contem somente o conteudo. O restante do codigo HTML e inse- 
rido pela pagina de layout. 
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5.15.2 Se^oes 

Em vez de usar varios arquivos, um para cada se^ao, e possivel definir o conteudo de 
varias segoes em um unico arquivo. 

Exemplo: 

ViewBag.Title = "Titulo da pagina"; 

Layout = n ~/Views/Shared/J_ayoutPage2.cshtml"; 

} 

©section Header { 

<div class= M cabecalho"> 

Este e o texto do cabegalho. 

</div> 

} 

<p style= n color: Blue; font-weight: bold;"> 

Este e o conteudo da pagina principal. 

</p> 

©section Footer { 

<div class="rodape"> 

Este e o texto do rodape. 

</div> 

} 

E, em seguida, exibi-las em um layout predefinido com o metodo RenderSection: 

<!DOCTYPE html> 

<html> 

<head> 

<title>@ViewBag.Title</title> 

</head> 

<body> 

<div> 

@RenderSection("Header n ) 

©RenderBodyO 

©RenderSection("Footer") 

</div> 

</body> 

</html> 

Se a se^ao e opcional, defina o segundo parametro como false: 

©RenderSection("Header", false) 
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5.16 PageData[key], PageData[index], Page 

As propriedades PageData e Page contem os dados compartilhados entre paginas, layout 
e partial views. 

Exemplo, em um metodo de controlador, defina: 

PageData["Cor"] = "Azul"; 

PageData [1] = "Carro"; 

Page.Mensagem = "Sintaxe Razor"; 

Para acessar o conteudo das propriedades em um view e/ou layout, use: 

<P> 

©PageData ["Cor"] 

©PageData[1] 

©Page.Mensagem 

</p> 

5.17 WebGrid Helper 

Apresenta as informagoes no formato linhas e colunas, semelhante a uma planilha 
do Microsoft Excel. 

Para ilustrar o uso do HTML helper WebGrid, acrescentamos a classe Paises o metodo 
GetPaises: 

using System; 

using System.Col 1ections.Ceneric; 
namespace AppCapitulo5.Models { 
public class Paises { 

public string Nome { get; set; } 
public string Continente { get; set; } 
public string Idioma { get; set; } 

public static List<Paises> GetPaisesO { 
return new List<Paises> { 

new Paises { Nome="Brasil", Continente="America do sul",Idioma="Portugues" }, 
new Paises { Nome="Alemanha", Continente="Europa", Idioma="Alemao" }, 
new Paises { Nome="Australia", Continente="Oceania", Idioma="Ingles" }, 
new Paises { Nome= n Uruguai", Continente="America do sul",Idioma="Espanhol" }, 
new Paises { Nome="Japao", Continente="Asia", Idioma="]apones" } 

}; 

} 

} 

} 

Em seguida, adicionamos ao controlador HomeController o metodo List e invocamos o 
metodo GetPaises da classe Paises: 
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using System.Web.Mvc; 
using AppCapitulo5.Models; 
namespace AppCapitulo5.Controllers { 

public class HomeController : Controller { 
public ActionResult Index() { 
return View(); 

} 

public ActionResult ListQ { 

var model = Paises.GetPaisesO; 
return View(model); 

} 

} 

} 

Apos a definigao da classe Paises e do metodo List, em um view Razor, voce pode 
conectar a origem de dados ao WebGrid helper. 

WebGrid grid = new WebGrid(source: Model); 

E no topo do view importar a namespace: 

©model IEnumerable<AppCapitulo5.Models.Paises> 

Exemplo: 

©model IEnumerable<AppCapitulo5.Models.Paises> 

@{ 

Layout = null; 

} 

@{ 

WebGrid grid = new WebGrid(Model); 

} 

Ou: 

©model IEnumerable<AppCapitulo5.Models.Paises> 

@{ 

Layout = null; 

} 

@{ 

WebGrid grid = new WebGrid(Model); 

1 

O parametro source define a origem de dados usada. Os nomes dos campos sao pas- 
sados por intermedio do parametro columnNames: 

WebGrid grid = new WebGrid(source: Model, columnNames: new string[] 

{ "Nome", "Continente", "Idioma" }); 

defaultSort define o campo usado na ordenagao dos registros da grade: 

WebGrid grid = new WebGrid(source: Model, columnNames: new string[] 

{ "Nome", "Continente", "Idioma" }, defaultSort: "Nome"); 
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0 parametro canSort habilita ou desabilita a ordenagao de registros: 

WebGrid grid = new WebGrid(source: Model, columnNames: new stringf] 

{ "Nome", "Continente", "Idioma" }, defaultSort: "Nome", canSort:true); 

0 parametro canPage ativa ou desativa a paginagao: 

WebGrid grid = new WebGrid(source; Model, columnNames: new string[] 

{ "Nome", "Continente", "Idioma" }, defaultSort: "Nome", canSort:true, canPage:true); 

0 numero de registros por pagina e determinado por intermedio do parametro 

rows Per Page: 

WebGrid grid = new WebGrid(source: Model, columnNames: new string[] { "Nome", "Continente", 
"Idioma" }, defaultSort: "Nome",canSort:true, canPage:true, rowsPerPage:10); 

Se preferir, use o metodo Bind para conectar o WebGrid helper a origem de dados: 
WebGrid grid = new WebGridO; 

grid.Bind(source: Model, columnNames: new string[] { "Nome", "Continente", "Idioma" }); 


Nesse caso, a paginagao e a ordenagao dos registros sao habilitadas e desabilitadas 
com o parametro autoSortAndPage: 

WebGrid grid = new WebGridO; 

grid.Bind(source: Model, columnNames: new string[] 

{ "Nome", "Continente", "Idioma" }, autoSortAndPage:true); 

0 metodo GetHtml exibe os registros do WebGrid helper no navegador: 

WebGrid grid = new WebGrid(rowsPerPage:2); 

grid.Bind(source: Model, columnNames: new string[] { "Nome", "Continente", "Idioma" }, 
autoSortAndPage:true); 

@grid. GetHtml () 


Observe a figura 5.7: 


C http://localhost:1356/home/list - Alfred... f^T 


|fj http ; //localhost } 


**!|x| |[ 
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Figura 5.7 - WebGrid helper em agao. 
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5.17.1 Formatando colunas 

Se voce precisa formatar as colunas antes de exibi-las, use o metodo Column com o 
metodo Columns: 

WebGrid grid = new WebGrid(source: Model); 

@g rid. GetHtml(columns: grid.Columns( 

grid.Column("Nome", header: "Nome", format: @<i>@item.Nome</i>), 
grid.Column("Continente", format: @<i>@itern.Continente</i>), 
grid.Column("Idiorna", format: @<text>** @item.Idioma **</text>) 

) 

); 

O nome do campo exibido e definido com o parametro columnName e header define o 
texto do cabegalho: 

grid.Column(columnName: "Nome", header: "Nome") 

O parametro format aplica uma formatagao especifica ao conteudo: 
grid.Column(columnName: "Nome", header: "Nome", format: @<i>@item.Nome</i>) 

Ou simplesmente escreve RS antes de um valor numerico: 
grid.Column("Price", header: "Pre^o", format: @<text>R$@item.Price</text>) 

Algo mais sofisticado tambem e possivel. 

Exemplo: 

grid.Column("Price", header: "Prego", format: @<text>@string.Format(new System.Globalization. 
CultureInfo("pt-BR"), "{0:c}", @itern.Price)</text>) 

5.17.2 Aplicando uma folha de estilo CSS 

Defina um seletor CSS para a coluna por intermedio do parametro style: 
grid.Column("Idioma", format: @<text>** ©item.Idioma **</text>, style: "SeletorCSS") 

A aparencia da tabela, do cabegalho, do rodape e das linhas pode ser definida com 
o metodo GetHtml: 

@{ 

WebGrid grid = new WebGrid(source: Model); 

@grid.GetHtml( 

tableStyle: "grid", 
headerStyle: "head", 
columns: grid.Columns( 

grid.Column("Nome", header: "Nome", format: @<i>@item.Nome</i>), 
grid.Column("Continente", format: @<i>@itern.Continentec/i>), 
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grid.ColumnC'Idiorna", format; @<text>** ©item.Idioma **</text>) 

) 

) 

} 

0 parametro alternatingRowStyle exibe uma grade com uma linha de cada cor, facilitando 
a identificaqao do conteudo: 

@{ 

WebGrid grid = new WebGrid(source: Model); 

@grid.GetHtml( 

tableStyle: "grid", 
headerStyle; "head", 
alternatingRowStyle: "alt", 
columns: grid.Columns( 

grid.Col unin("Nome", header: "Nome", format: @<i>@item.Nome</i>), 
grid.Column("Continente", format: @<i>@itern.Continente</i>), 
grid.ColumnC'Idiorna", format: @<text>** @item.Idioma **</text>) 

) 

) 

} 


Observe a figura 5.8: 
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Figura 5.8 - WebGrid helper com o parametro alternatingRowStyle definido. 
Obs.: grid, head e alt sao seletores CSS definidos no arquivo Content/Site. css. 
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5.17.3 Outros parametros 

O parametro caption contem o ritulo do grafico. O parametro displayHeader ativa ou 
desativa-o: 

©grid.CetHtml( 

tableStyle: "grid", 
headerStyle; "head", 
alternatingRowStyle: "alt", 
caption;"Titulo do grafico", 
displayHeader:true, 
columns: grid.Columns( 

grid.Column("Nome", header: "Nome", format: @<i>@item.Nome</i>), 
grid.Column("Continente", format: @<i>@itern.Continente</i>), 
grid.ColumnC'Idioma", format: @<text>** ©item.Idioma **</text>) 

) 

) 

O conteudo alternativo exibido em celulas vazias e definido com o parametro 

emptyRowCellValue e e ativado com o parametro fillEmptyRows: 

©grid.GetHtml( 

tableStyle: "grid", 
headerStyle: "head", 
alternatingRowStyle: "alt", 
caption: "Titulo do grafico", 
displayHeader:true, 
emptyRowCel1Value:"[nulo]", 
fillEmptyRows:true, 
columns: grid.Columns( 

grid.Column("Nome", header: "Nome", format: @<i>@item.Nome</i>), 
grid.Column("Continente", format: @<i>@item.Continente</i>), 
grid.ColumnC'Idioma", format: @<text>** @item.Idioma **</text>) 

) 

) 

Atributos HTML especificos podem ser aplicados com o parametro htmlAttributes: 

@g rid.GetHtml( 

tableStyle: "grid", 
headerStyle: "head", 
alternatingRowStyle: "alt", 
htmlAttributes: new { ©class = "SeletorCSS" }, 
columns: grid.Columns( 

grid.Column("Nome", header: "Nome", format: @<i>@item.Nome</i>), 
grid.Column("Continente" , format: @<i>@i tern . Conti nente</i>), 
grid.ColumnC'Idioma", format: @<text>** ©item.Idioma **</text>) 

) 
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5.17.4 Pagina^ao de registros 

Apaginagao dos registros e ativada por padrao. Mas iniimeros parametros podem ser 
definidos, como o numero de linhas por pagina e o tipo de links de paginagao, por 
exemplo, os links serao numericos (12 3. . . 5) ou texto (Anterior Proximo). 

Exemplo: 

WebGrid grid = new WebGrid(source: Model,rowsPerPage:3); 
igrid.GetHtml ( 

tableStyle: "grid", 
headerStyle: "head", 
alternatingRowStyle: "alt", 
mode:WebGri dPagerModes.NextPrevious, 
previousText:"Pagina anterior", 
nextText:"Proxima pagina", 
columns: grid.Columns( 

grid.Column("Nome", header: "Nome", format: @<i>@item.Nome</i>), 
grid.Column("Continente", format: @<i>@itern.Continente</i>), 
grid.Column("Idioma", format: @<text>** @item.Idioma **</text>) 

) 

) 

Quando usamos links de paginagao numericos, temos como determinar o numero 
delinks por pagina com o atributo numericLinksCount: 

WebGrid grid = new WebGrid(source: Model, rowsPerPage:10); 

@grid .GetHtml ( 

tableStyle: "grid", 
headerStyle: "head", 
alternatingRowStyle: "alt", 
numericLinksCount:10, 
columns: grid.Columns( 

grid.Column("Nome", header: "Nome", format: @<i>@item.Nome</i>), 
grid.Column("Continente", format: @<i>@itern.Continente</i>), 
grid.Column("Idioma", format: @<text>** @item.Idioma **</text>) 

) 

) 

0 resultado vemos na figura 5.9: 
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Figurn 5.9 - Links de paginagdo numericos e de texto. 


5.17.5 Selegio de linhas 

Para selecionar uma linha, use o metodo GetSelectLink: 

grid.Column("Select", header: "Selecione", format: <i>@item.GetSelectLink( n Se1ect")</i>) 

Exemplo: 

WebGrid grid = new WebGrid(source: Model); 

@grid.GetHtml( 

columns: grid.Columns( 

grid.Column("Select"» header: "Selecione”, format:@<i>@itern.GetSelectLi nk(" Select") </i>), 
grid.Column("Nome", header: "Nome", format: @<i>@item.Nome</i>), 
grid.Column("Continente", format: @<i>@item.Continente</i>), 
grid.ColumnC'Idioma", format: @<text>** @i tern.Idioma **</text>) 


) 
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^Bfcyuida, capture a informagao passada via query string e exiba a pagina apro- 

■pia: 

M&if (grid.\tasSe\&cXm^ \ 

@RenderPage("~/Views/Home/GridDetai1s.cshtml", new { Paises = grid.SelectedRow }) 

} 

grid.SelectedRow retorna: 

AppCapi tul o5. Model s. Pai ses 

E seus membros podem ser acessados na pagina-alvo GridDetails.cshtml, conforme o 
codigo a seguir: 

@{ 

Layout = null; 

} 

<! DOCTYPE html > 

<html> 

<head> 

<title>GridDetai1s</title> 

</head> 

<body> 

<div> 

<p>Item selecionado:</p> 

<ul> 

<1i><b>Nome: </b> ©Page.Paises.Nome</l i > 

<br /> 

<1i><b>Continente : </b> ©Page.Paises. Conti nente</li > 

<br /> 

<1i><b>Idioma:</b> ©Page.Paises.Idioma</li> 

</ul> 

</div> 

</body> 

</html> 

Observe a figura 5.10. 

Repare que a pagina GridDetails.cshtml e exibida na mesma pagina do WebGrid. Uma 
alternativa interessante e apresenta-la em uma pagina modal, ou seja, “flutuando” 
sobre a pagina principal. 
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Figura 5JO - Detalhes de um item. 


5.17.6 Extraindo informa$oes do WebGrid 

Podemos retornar o indice da linha selecionada: 

WebGrid grid = new WebGrid(source: Model); 

// Restante do codigo 
@if (grid.HasSelection) { 

@grid.SelectedIndex 

} 

O total de paginas: 

WebGrid grid = new WebGrid(source: Model); 

// Restante do codigo 
@if (grid.HasSelection) { 

@grid.PageCount 

} 

E definir ou retornar o indice de determinada pagina: 

WebGrid grid = new WebGrid(source: Model); 

//Restante do codigo; 

@if (grid.HasSelection) { 

@grid.PageIndex 

} 
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5.17.7 WebGrid Helper e Ajax 

Para ativar o modo de programagao Ajax, defina o parametro ajaxUpdateContainerld: 

@{ 

WebGrid grid = new WebGrid(source: Model, selectionFieldName: "SelectedRow", 
ajaxUpdateContainerld: "grid"); 

} 

E declare o id, grid nesse caso, no local onde os registros do WebGrid helper serao car- 
regados: 

<div id="grid"> 

@grid.GetHtml() 

} 

</div> 

5.18 Weblmage Helper 

0 Weblmage helper exibe no navegador uma imagem previamente definida. Exemplo: 
Weblmage image = new WebImage("~/Content/figura.jpg"); 

0 metodo Write exibe a imagem na tela: 

©image. Wri te() 

0 construtor Weblmage aceita nomes de arquivos, um array de bytes ou um tipo stream. 
Exemplo: 

@{ 

Layout = null; 

} 

@{ 

System.Drawing.Bitmap objBitmap = new System.Drawing.Bitmap(100, 40); 

System.Drawing.Graphics objGraphics = System,Drawing.Graphics.Fromlmage(objBitmap); 

System.Drawing.SolidBrush objBrush = new System.Drawing.SolidBrush(System.Drawing.Color. 
White); 

System.Drawing.Font fonte = new System.Drawing.Font("Arial", 14, System.Drawing.FontStyle. 
Bold); 

Weblmage image = null; 

MemoryStream ms = null; 
try { 

objGraphics.DrawStringC'Texto", fonte, objBrush, 5, 8); 
ms = new MemoryStreamO; 

objBitmap.Save(ms, System.Drawing.Imaging.ImageFormat.Gif); 
image = new Weblmage(ms); 

} 
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finally { 

if (obj Bitmap != null) { objBitmap.DisposeQ;} 
if (objBitmap != null) { ms.Dispose(); } 

} 

} 

<!DOCTYPE html> 

<html> 

<head> 

<title>WebImage Helper</title> 

</head> 

<body> 

<div> 

<P> 

@image.Write() 

</p> 

</div> 

</body> 

</html> 

Ou seja, voce cria suas proprias imagens via codigo C# ou as extrai de um banco de 
dados e exibe no navegador. 

E possivel tambem capturar uma figura carregada via upload: 

Weblmage.GetlmageFromRequest(postedFi1eName:"Nomedoarquivo"); 

Se necessario, aplique uma marca d’agua na imagem por intermedio do metodo 

AddlmageWatermark: 

Weblmage image = new WebImage("~/Content/figura.jpg"); 
image.AddImageWatermark("~/Content/figural.jpg", width: 100, height: 100, 
horizontalA1ign:"center",verticalA1ign:"middl e"); 

<p> 

@image.Write() 

</p> 

E AddTextWatermark: 

Weblmage image = new WebImage("~/Content/figura.jpg"); 

image.AddTextWatermark("Autor: Alfredo Lotar", fontColor: "blue", horizontalAlign: "center", 
vertical Align: "middle"); 

<P> 

@image.Write() 

</p> 

Recurso interessante quando publicamos fotos na Internet e queremos manter em 
evidencia a origem da imagem. 
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5.19 Chart Helper 

0 Chart helper exibe dados em um grafico. E possivel exibir as informagoes em mais 
de 30 tipos de graficos, incluindo os tipos usados pelo Microsoft Excel. 

Na figura 5.11 exibimos os principals tipos de graficos usados. 


Paulo 


Camila 


Alfredo 


Jurema 


TTtulo do grafico 


Paulo 


Maria 


Alfredo 


Paulo 


Alfredo 


Camila 


Figura 5.11 - Tipos de graficos do Chart helper. 

Criar um novo grafico e muito facil. Basta criar uma instancia da classe Chart e definir 
as dimensoes do grafico. 

var myChart = new Chart(width: 300, height: 250) 

0 metodo AddTitle determina o titulo do grafico: 

.AddTitleC'Titulo do grafico”) 

E o metodo AddSeries acrescenta os dados ao grafico. Os parametros xValue e yValues 
representam, respectivamente, os eixos xey. O parametro chartType define o tipo de 
grafico usado e o parametro name nomeia a serie com um id exclusivo. Exemplo: 

.AddSeries(name: "Alunos", chartType: "Line", xValue: new[] { "Alfredo”, "Maria", "Jurema", 
"Paulo", "Camila" }, yValues: new[] { "3", "7", "4", "5", "2" }) 

O metodo AddLegend adiciona uma legenda ao grafico. 

Para exibir o grafico no navegador, use o metodo Write: 

.WriteQ; 
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Ou: 

.Write(format: "gif"); 

Observe o codigo a seguir: 

var myChart = new Chart(width: 300, height: 250) 

.AddTitleC'Titulo do grafico") 

.AddSeries( 

name: "Alunos", chartType: "Line", 

xValue: new[] { "Alfredo", "Maria", "lurema", "Paulo", "Camila" }, 
yValues: new[] { "3", "7", "4", "5", "2" }) 

.WriteO; 

} 

5.19.1 Usandooutrasfontes de dados 

As informagdes apresentadas no grafico podem ser provenientes de inumeras fontes 
de dados, por exemplo: Banco de dados, documento XML, classes personalizadas etc. 

Por exemplo, acrescentamos ao projeto a classe Alunos: 
using System.Col1ections.Generic; 

namespace AppCapitulo5.Models { 
public class Alunos { 

public string Nome { get; set; } 
public int Nota { get; set; } 
public static List<Alunos> GetAlunosO { 
return new List<Alunos> { 

new Alunos {Nome="Alfredo", Nota=3}, 
new Alunos {Nome="Maria",Nota=7}, 
new Alunos {Nome="Jurema",Nota=4}, 
new Alunos {Nome="Paulo",Nota=5}, 
new Alunos {Nome="Camila",Nota=2} 

}; 

} 

} 

} 

E, em seguida, carregamos os dados da classe no Chart helper: 

fusing AppCapitulo5.Models 
@{ 

Layout = null; 

} 

@{ 


var data = Alunos.GetAlunosO; 
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var myChart = new Chart(width: 300, height: 250) 
,AddTitle("Titulo do grafico") 
,DataBindTable(dataSource: data, xField: "Nome"); 

} 

<!DOCTYPE html> 

<html> 

<head> 

<title>Chart helper</title> 

</head> 

<body> 

<div> 

©myChart.Write(format: "gif"); 

</div> 

</body> 

</html> 

Em vez do metodo DataBindTable: 

.DataBindTable(dataSource: data, xField: "Nome"); 

Voce pode usar o metodo AddSeries: 

.AddSeri es ( 

name: "Default", chartType: "Line", 
xValue: data, xField: "Nome", 
yValues: data, yFields: "Nota" 

); 


5.19.2 Exibindo graficos em uma pagina 

A tag HTML img carrega o grafico dentro de outra pagina. 

Exemplo: 

<pximg src="Home/Chartl" alt="" /></p> 

Repare que carregamos o view Chartl que content o grafico e nao uma imagem. 

5.19.3 Personalizar a aparencia 

Para personalizar a aparencia do grafico, defina o parametro theme como: Vanilla, Blue, 
Green, Yellow ou Vani 11 aBD. 

Exemplo: 

var myChart = new Chart(width: 300, height: 250, theme: ChartTheme.Green) 

Observe a figura 5.12: 
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grafico semtema Grafico comtema 



Figura 5.12 - Diferenga entre um grafico com tema e outro sem. 


5.19.4 Salvando um grafico 

O metodo Save salva o grafico no HD: 

@{ 

var data = Alunos.GetAlunosO; 

var myChart = new Chart(width: 300, height: 250) 

.AddTitleC’Titulo do grafico") 

.AddSeries C 

name: "Default", chartType: "Bar", 
xValue: data, xField: "Nome", 
yValues: data, yFields: "Nota" 

) 

.Save(@"c:\teste\grafico.jpeg"); 

} 

Claro que e necessario permissao de gravagao no diretorio. 

O grafico tambem pode ser salvo como um documento XML e posteriormente re- 
cuperado: 

©using AppCapitulo5.Models 
@{ 

Layout = null; 

} 

@{ 

Chart xmlChart=null; 

var arquivo = "/abc.xml"; 

if (File.Exists(Server.MapPath(arquivo))) { 

xml Chart = new Chart(width: 600, height: 400, themePath: arquivo); 

} 

else 

{ 
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var data = Alunos.GetAlunos(); 

xmlChart = new Chart(width: 300, height: 250, theme: ChartTheme.Green) 
.AddTitle("Titulo do grafico") 

,AddSeries( 

name: "Default", chartType; "Bar", 
xValue: data, xField: "Nome", 
yValues: data, yFields: "Nota" 

) 

.SaveXml(path: Server,MapPath(arquivo)); 

} 

} 

<! DOCTYPE html> 

<html> 

<head> 

<title>Grafico com o metodo SaveXml</title> 

</head> 

<body> 

<div> 

@xmlChart.Write() 

</div> 

</body> 

</html> 


5.19.5 Colocando um grafico no cache 

0 metodo SaveToCache salva o grafico no cache: 

cacheChart.SaveToCache(key: chave, minutesToCache: 2, siidingExpiration: true); 

0 parametro minutesToCache define o tempo em que o cache esta ativo. E o parametro 
si idingExpi ration determina se os dados permanecem ou nao no cache enquanto houver 
requisites. 

5.19.5.1 Obtendo dados do cache 

0 metodo GetFromCache “p e g a ” o grafico do cache: 
var cacheChart = Chart.GetFromCache(key: chave); 

Enquanto WriteFromCache exibe o grafico no navegador: 

Chart.WriteFromCache(chave); 

Observe o codigo a seguir: 


var chave = Request["key"]; 
if (chave != null) { 

var cacheChart = Chart.GetFromCache(key: chave); 
if (cacheChart == null) { 

cacheChart = new Chart(300, 250, theme: ChartTheme.Green); 
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cacheChart.AddTitle("Titulo do grafico"); 
cacheChart.AddSeries( 

name: "Alunos", chartType: "Line", 

xValue: new[] { "Alfredo", "Maria", "lurema", "Paulo", "Camila" }, 
yValues: new[] { "3", "7", "4", "5", "2" }); 

cacheChart.SaveToCache(key: chave, 
minutesToCache: 2, 
siidingExpiration: true); 
cacheChart.Write(); 

} 

Chart.WriteFromCache(chave); 

} 

} 

Insira o codigo anterior no arquivo Chart3.cshtml e carregue o grafico em um view 
qualquer da seguinte forma: 

ViewBag.Title = "Titulo da pagina"; 

} 

<div> 

<pximg src="Home/Chart3?key=chave" alt="" /></p> 

</div> 

5.20 WebMail Helper 

O WebMail helper envia um e-mail a partir de uma pagina de um website. Um website 
ASP.NET envia e-mails para os usuarios em diversas situagoes, por exemplo, para: 

• Enviar o conteudo de um formulario de contato. 

• Enviar lembretes para os usuarios. 

• Enviar newsletters. 

• Enviar confirmagao de cadastros. 

• Enviar lembretes de senha ou novas senhas. 

• Enviar o conteudo de uma pagina. 

A propriedade SmtpServer do WebMail helper define o nome do servidor SMTP usado 
para transmitir o e-mail: 

WebMail.SmtpServer = "localhost"; 

Ou: 

WebMail.SmtpServer = "smtp.website.com.br"; 
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Apropriedade SmtpPort define o numero da porta e a propriedade EnableSsl ativa ou 

desativa a transmissao segura via SSL: 

WebMai 1 .SmtpPort = 25; 

WebMai 1. Enabl eSs! = true; 

As credenciais usadas para transmitir o e-mail podem ser definidas explicitamente: 

WebMai! .Use rName = "Idusuario"; 

WebMai 1.Password = "Senha"; 

Ou use as credenciais-padrao do Windows: 

WebMai 1.SmtpUseDefaultCredentials = true; 

0 metodo Send envia o e-mail. E aqui que definimos o e-mail de destino, o assunto, 

o corpo da mensagem, os arquivos anexos e tambem os cabegalhos da mensagem: 

var arquivo = new string[] { filel }; 

WebMai 1 .Send(to: email, 
subject: assunto, 
body: mensagem, 
isBodyHtml:true, 
filesToAttach: arquivo 

); 


5.20.1 Enviando um e-mail com anexos 

Para enviar um e-mail no ASP.NET MVC ? primeiramente definimos o codigo nos 
metodos de controlador. Usamos no exemplo dois metodos Enviar: 

public ActionResult EnviarO { 

Response.Cache.SetCacheabi1ity(HttpCacheabi1ity.NoCache); 

Response.Cache.SetAl1owResponselnBrowserHistory(false); 
return View(); 

} 

[HttpPost] 

public ActionResult Enviar(string email, string assunto, string mensagem, string filel) { 
try { 

WebMai1.SmtpServer = "localhost"; 

WebMai1.SmtpPort = 25; 

// WebMai1.EnableSsl = true; 

WebMai1.From = "emailorigem@website.com"; 

// WebMai1.UserName = "Idusuario"; 

// WebMai1.Password = "Senha"; 

WebMai1.SmtpUseDefaultCredentials = true; 
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var arquivo = new string[] { filel }; 

WebMai1.Send(to: emai1, 
subject: assunto, 
body: mensagem, 
isBodyHtml:true, 
filesToAttach: arquivo 

); 

return RedirectToAction("EmailSend"); 

} 

catch (Exception ex) { 

ModelState.AddModelError("Error_Fortn", ex.Message); 

} 

return View(); 

} 

O trecho de codigo a seguir, inserido no primeiro metodo Enviar, evita que o formu¬ 
lario seja postado varias vezes com o mesmo conteudo: 

Response.Cache.SetCacheabi1ity(HttpCacheabi1ity.NoCache); 

Response.Cache.SetAl1owResponselnBrowserHistory(false); 

Quando o e-mail e enviado com sucesso, redirecionamos o usuario para o view 

Email Send. 

return RedirectToAction("Emai1 Send"); 

Se o e-mail nao for enviado por um motivo qualquer, o metodo AddModelError exibe 
uma mensagem de erro no topo do formulario. 

catch (Exception ex) { 

Model State.AddModelError("Error_Form", ex.Message); 

} 

Obs.: o metodo AddModel Error e abordado no capitulo 8. 

Apos a definigao do codigo nos metodos de controlador, criamos o formulario de envio. 
Exemplo: 

©using A1fredoLotar.Livro.AspnetMvc 

@{ 

Layout = null; 

} 

<!DOCTYPE html> 

<html> 

<head> 

<title>WebMail Helper</title> 

</head> 
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<body> 

<div> 

<p style="color: red">@Html.ValidationMessage("Error_Form")</p> 

©using (Html.BeginForm("Enviar", "Home")) { 

<table> 

<tr> 

<td style="text-align: right;" colspan="2"> 

E-mail: 

</td> 

<td> 

©Html,TextBox("email", new { ©maxlength = "50", 

©style = "width: 367px;" }) 

</td> 

</tr> 

<tr> 

<td style="text-align: right;" colspan="2"> 

Assunto: 

</td> 

<td> 

©Html.TextBox("assunto", new { ©maxlength = "100", 

©style = "width: 367px;" }) 

</td> 

</tr> 

<tr> 

<td style="text-align: right;" colspan="2"> 

Mensagem: 

</td> 

<td> 

©Html.TextArea("mensagem", "", new { ©cols = "20", ©rows = "5", 
©style = "width: 367px; height: 178px" }) 

</td> 

</tr> 

<tr> 

<td style="text-align: right;" colspan="2"> 

Arquivo: 

</td> 

<td> 

©Html.Fi1e(@"C:\Livro\AppCapitulo5\fi1e.txt") 

</td> 

</tr> 

<tr> 

<td style="text-align: right;" colspan="2"> 

</td> 

<td> 

<input id="btnEnviar" type="submit" value="Enviar e-mail" /> 
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</td> 

</tr> 

<tr> 

<td align="left"> 

&nbsp; 

</td> 

<td align= n left" colspan="2"> 

<div id="lblResult"> 

</div> 

</td> 

</tr> 

</table> 

} 

</div> 

</body> 

</html> 

O metodo de controlador que processa as informagoes do formulario e definido no 
metodo BeginForm: 

@using (Html.BeginForm("Enviar n , "Home")) 

Devemos alerta-lo que noASP.NET MVC os nomes dos parametros do metodo Enviar: 
[HttpPost] 

public ActionResult Enviar(string email, string assunto, string mensagem, string fi1 el) 

Devem ter o mesmo nome dos campos do formulario: 

@Html.TextBox("email", new { @maxlength = "50", @style = "width: 367px;" }) 

@Html.TextBox("assunto", new { @maxlength = "100", @style = "width: 367px;" }) 

@Html.TextArea("mensagem", "", new { @cols = "20", @rows = "5", @style = "width: 367px; 
height: 178px" }) 

@Html.Fi1e(@"C:\Livro\AppCapitulo5\fi1e.txt") 

File e um HTML helper personalizado (abordado no capitulo 7) criado no diretorio 
Helpers especialmente para este exemplo. Observe o codigo a seguir: 

using System.Web.Mvc; 
namespace AlfredoLotar.Livro.AspnetMvc { 
public static class Helpers { 

public static MvcHtmlString Fi1e(this HtmlHelper helper, string text) { 
string str = string.Format("<input name=\Tilel\" id=\"filel\" 
type=\"file\" maxlength=\"150\" value=\"{0}\ ,, />", text); 
return new MvcHtmlString(str); 

} 

} 

} 

Na figura 5.13, vemos o formulario no navegador: 
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Figura 5.13 - Formuldrio de envio de e-mail com anexos. 


5.20.2 Acrescentando cabe^alhos a mensagem 

Algumas mensagens exigem que o usuario conflrme o recebimento do e-mail Voce 
pode acrescentar ao metodo Send do WebMail helper o parametro additional Headers e definir 
o cabegalho de confirmagao da mensagem. 

Exemplo: 

WebMai1.Send(to: emai1, 
subject: assunto, 
body: mensagem, 
filesToAttach: arquivo, 

isBodyHtml: true, additionalHeaders: new string[]{"Disposition-Notification- 
To:emai1Confirmacao@website.com"} 

); 

5.21 Crypto Helper 

Crypto helper e relativamente simples, mas util quando necessitamos armazenar e 
verificar um hash de senhas ou gerar um hash qualquer. 

Hash representa um valor unico e corresponde a um conjunto de bytes. Em outras 
palavras, voce transforma uma informagao legivel em algo indecifravel. 
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Por exemplo, meu nome: Alfredo Lotar se transforma no hash: 
F02E8A58A04AB6B7628CFA94E3CDD1E8234BAA2F24A35EE407260554A84890F9 

Lembrando que um hash e seguro somente quando contem um salt - informa^ao 
aleatoria cifrada com a informagao principal. Por exemplo, ao gerar o hash do meu 
nome, incluimos uma senha, ou um valor qualquer. Assim, para um usuario mal- 
intencionado descobrir o conteudo original, e necessario descobrir tambem o salt. 

Gerar um hash e uma tarefa simples para o Crypto helper. 

Exemplo: 

string salt = Crypto.GenerateSaltO; 

@Crypto.Hash("Alfredo Lotar" + salt) 

} 

Gera a seguinte saida: 

4077383C8FA49A74A432810D6B505CE4E0AFA2A12BA11C6FACC92 F5921802D8D 
Se preferir, use o metodo SHA256: 

@{ 

string salt = Crypto.GenerateSaltO; 

@Crypto.SHA256("Alfredo Lotar" + salt) 

} 

O Crypto helper possui um mecanismo de geragao de hash de senhas. 

Exemplo: 

@{ 

@Crypto.HashPassword("Senha") 

} 

O valor gerado: 

AGzr+IoupN0n0kUPYg3RWjUMQjPFcA3NSXxZvQ409CMEnAz41eYumL3E14LT676mzQ== 

Pode ser armazenado em uma tabela de um banco de dados. Quando o usuario faz 
o login, basta comparar o valor digitado com o hash armazenado: 

@Crypto.VerifyHashedPassword("AGzr+IoupN0n0kUPYg3RWjUMQjPFcA3NSXxZvQ409CMEnAz41eYumL]E14LT6 
76mzQ==", "Senha") 

} 

Obs.: a partir deste capitulo, usaremos somente views com Razor. 



CAPITULO 6 


Roteamento deURLs 


0 roteamento de URLs consiste na definigao e requisigao de termos significativos e 
parametros declarados no arquivo global.asax. 

0 roteamento de URLs visa a facilitar a vida do usuario, por exemplo, em vez de digitar 
URLs grandes e complicadas, o usuario digita algo que faz sentido para ele, como: 

http: //www. novatec. com. br/vendas 
http: //www. novatec. com. br/1 i vros 
http: //www. novatec. com. b r/downl oad 

NoASP.NET MVC, o sufixo vendas, livros e download pode ser um metodo de controla- 
dor ou o nome de um view. Nas primeiras versoes do ASP.NET, o usuario acessava 
arquivos .aspx. 

Exemplo: 

http://www.novatec.com.br/vendas.aspx 
http: //www.novatec.com.br/1ivros.aspx 
http: //www.novatec.com.br/download,aspx 

6.1 Modelo de URLs 

Um modelo de URLs contem valores literals e variaveis cercados por chaves ({}) e 
separados por uma barra (/). 

Exemplo: 

pedidos/{dia}/{mes}/{ano} 

{idioma}-{pais}/{action} 
produtos/view/{categoria} 

{control ler}/{action}/{id} 

0 caractere asterisco (*) antes da variavel: 

Categori as/{*NomeCategoria} 
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Permite que a URLsuporte seguimentos extras daqueles definidos no modelo. A URL 
a seguir e normal, sem seguimentos extras: 

http://Iocalhost/website/categorias/bebidas 

No entanto, a URL que exibe a categoria carnes/aves tern um seguimento extra, aves: 
http://localhost/website/categorias/carnes/aves 

O seguimento extra e considerado parte do ultimo seguimento. 

Quando criamos uma nova aplicagaoASP.NET MVC, automaticamente e adicionado 
ao arquivo global .asax o seguinte modelo de URL: 

public static void RegisterRoutes(RouteCollection routes) { 
routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); 

routes.MapRoute ( 

"Default", // Route name 

"{controller}/{action}/{id}", // URL with parameters 

new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults 

); 

} 

Obs.: uma nova aplicagao ASP.NET MVC supoe que existe um controlador 
HomeController. Se voce nao pretende usar um com esse nome, altere o nome no ar¬ 
quivo global.asax. 

O metodo MapRoute registra os modelos de URLs usados pela aplicagao ASP.NET MVC. 
A seguir, descrevemos os principais parametros do metodo MapRoute: 

Parametro Descrigao 

Name Nome da rota. 

URL Define o modelo de URLs usado pela rota. 

Defaults Define os valores-padrao ou opcionais usados pela rota. 

Constraints Determina as restrigoes. 

Obs.: aplicagoes ASP.NET Web Lorms utilizam o metodo MapPageRoute em vez de 
MapRoute. 

No parametro Defaults definimos os valores opcionais: 

new { controller = "Home", action = "Index", id = UrlParameter.Optional } 

ou valores-padrao: 

new { controller = "Home", action = "Index", id = 5 } 

Alem do modelo de URL predefinido adicionado ao projeto, voce pode acrescentar 
modelos customizados, por exemplo: 
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routes.MapRoute( 

"produtosview ", 

"produtos/view/{categoria}", 

new { controller = "produtos", action = "view"} 

); 

Que combina com a URL a seguir: 

http://Iocalhost/website/produtos/view/bebidas 

Apos a definigao dos modelos de URLs, registramos as rotas no evento Appl i cation_Start 
do arquivo global .asax: 

protected void Application_Start() { 

RegisterRoutes(RouteTable.Routes); 

} 

6.2 Restri^oes 

Quando definimos os modelos de URLs, podemos determinar restrigdes quanto ao 
formato de URLs permitidas na aplicagao. 

Com o auxilio de expressoes regulares, facilmente restringimos o formato do id da 
pagina de detalhes da aplicagao. Exemplo: 

routes.MapRoute( 

"Default", 

"{controller}/{action}/{id}", 

new { controller = "Home", action = "Index", id = 0 }, new { id = @"\d{l,2}" } 

); 

No exemplo, o identificador pode conter, no minirno, um e, no maximo, dois digitos: 

http: //localhost/AppCapitulo6/Home/Detai 1 s/5 
http: //Iocalhost/AppCapitulo6/Home/Detai 1 s/15 

6.2.1 Metodo HttpMethodConstraint 

O metodo HttpMethodConstraint define restrigdes quanto a operagao permitida por um 
modelo de URL especifico. 

routes.MapRoute( 

"Default", 

"{controller}/{action}/{id}", 

new { controller = "Home", action = "Create", id = UrlParameter.Optional }, 
new { method = new HttpMethodConstraint("POST") } 

); 

0 metodo Create e executado somente por uma operagao HttpPost. 



182 


Programando com ASP.NET MVC 


6.2.2 Restri^oes personalizadas 

Se necessario, podemos criar metodos personalizados para restringir o uso de de- 
terminada rota. 

A classe que content o metodo deve ser derivada de IRouteConstraint. 

Exemplo: 

using System.Web; 
using System.Web.Routing; 

namespace AppCapitulo6.Models { 

public class SecureConnectionConstraint : IRouteConstraint { 

public bool Match (HttpContextBase httpContext, Route route, string parameterName, 
RouteValueDictionary values, RouteDirecti on routeDirecti on) { 
return httpContext.Request.IsSecureConnection; 

} 

} 

} 

A linha: 

return httpContext.Request.IsSecureConnection; 

Restringe o acesso a rota a conexoes seguras. Por exemplo, se voce deseja restringir o 
acesso a rota para usuarios autenticados, substitua: 

return httpContext.Request.IsSecureConnection; 

Por: 

return httpContext.Request.IsAuthenticated; 

Apos criar a classe SecureConnectionConstraint, aplique-a desta forma a rota: 

routes.MapRoute( 

"Default", 

"(controller}/{action}/{id}", 

new { controller = "Home", action = "Create", id = UrlParameter.Optional }, 
new { method = new SecureConnectionConstraintO } 

); 


6.3 Definindo URLs 

Os links das paginas do ASP.NET MVC podem ser gerados da forma tradicional 
com a tag HTML <a>: 


<a href="home/detai1s">detalhes</a> 

<a href="http: //www. novatec.com. br">novatec</a> 
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<a href="http;//www.novatec,com.br"> 

<img src="imagens/log.gif" alt=""/> 

</a> 

Ou com metodos especificos como o ActionLink, 

6.3.1 Gerando links com ActionLink 

O metodo ActionLink gera o link usando o controlador, o metodo de controlador e 
parametros opcionais. 

Exemplo: 

<html> 

<body> 

<div> 

@Html,ActionLink("Texto do link", "Details”, "Home”) 

</div> 

</body> 

</html> 

0 mecanismo de exibigao ASPX usa <%: %>: 

<htm1> 

<body> 

<div> 

<%: Html.ActionLink("Texto do link", "Details", "Home") %> 

</div> 

</body> 

</html> 

Em ambos os casos, o navegador interpreta a linha como: 

<a href="/Home/Details">Texto do link</a> 

Se o link e acessado dentro da mesma hierarquia de arquivos, podemos simplesmente 
escrever: 

@Html.ActionLink("Texto do link", "Details") 

Exemplo: 

<html> 

<body> 

<div> 

@Html.ActionLink("Texto do link", "Details") 

</div> 

</body> 

</html> 
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6.3.1.1 Passando parametros 

Voce pode passar informagoes para a URL que posteriormente podem ser acessadas 
via query string; 

©Html.ActionLink("Texto do link", "Details", "Home", new { id = 5, page = 2, cor = "azul" }, null) 
©Html.ActionLink("Texto do link", "Details", "Home", new { id = 5, page = 2, cor = "azul" }, 
new { target = "_blank"}) 

Exemplo: 

<html> 

<body> 

<div> 

©Html.ActionLink("Texto do link", "Details", "Home", new { id = 5, page = 2, 
cor = "azul" }, null) 

</div> 

</body> 

</html> 

O navegador interpreta como: 

<a href="/Home/Details/5?page=2&amp;cor=azul">Texto do link</a> 

6.3.1.2 ActionLink e CSS: 

Referencias a seletores CSS podem ser definidas facilmente por meio da propriedade 

class: 

©Html,ActionLink("Texto do link", "Details", "Home", new { id = 5, page =2, cor = "azul" }, 
new {©class = "seletorCSS", target = "_blank"}) 

Ou: 

<%:Html,ActionLink("Texto do link", "Details", "Home", new { id = 5, page =2, cor = "azul" }, 
new {©class = "seletorCSS", target = "_blank"})%> 

Se preferir, omita a propriedade target: 

©Html.ActionLink("Texto do link", "Details", "Home", new { id = 5, page = 2, cor = "azul" }, 
new {©class = "seletorCSS"}) 

<%:Html.ActionLink("Texto do link", "Details", "Home", new { id = 5, page =2, cor = "azul" }, 
new {©class = "seletorCSS"})%> 

6.3.2 Gerando links com RouteLink 

Linka uma URL com base em uma rota predefinida: 

©Html.RouteLink("Clique aqui", new { controller = "Home", action = "Details" }) 
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Exemplo: 

<html> 

<body> 

<div> 

<p>@Html.RouteLink("C1ique aqui", new { controller = "Home", action = "Details" }) 

</p> 

</div> 

</body> 

</html> 

Retorna ao navegador: 

<a href="/Home/Details">Clique aqui</a> 

0 modo anterior e semelhante ao usado pelo metodo ActionLink. Se preferir, crie um 
link para uma rota especifica: 

<p>@Html.RouteLi nk("Cl ique aqui.", "Detalhes") </p> 

Definida no arquivo global.asax: 

routes.MapRoute( 

"Detalhes", 

"Home/Details/{id}", 

new { action = "Details", id = UrlParameter.Optional } 

); 

0 navegador novamente interpreta a linha como: 

<a href=’7Home/Details">Clique aqui.</a> 

Usar a rota em vez do nome e do metodo de controlador ao definir o link e interessante, 
pois facilita a manutengao da aplicagao e permite maior flexibilidade ao designer. 

6.3.3 Redirecionamentos 

No ASP.NET MVC ha varias formas de redirecionamento. Podemos redirecionar o 
usuario para um metodo de controlador: 

return RedirectToAction("Index"); 

return RedirectToAction("Detalhes", new {id = 5}); 

Exemplo: 

public ActionResult Details(int? id) { 
if (lid.HasValue) 

return RedirectToAction("Index"); 

ViewBag.Mensagem = "Detalhes id = " + id; 
return View(); 
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Ou use o metodo RedirectToActionPermanent: 

public ActionResult Details(int? id) { 
if (h'd.HasValue) 

return RedirectToActionPermanent("Index"); 

ViewBag.Mensagem = "Detalhes id = " + id; 
return View(); 

} 

Para uma rota especifica, use: 

public ActionResult Details(int? id) { 
if (lid.HasValue) 

return RedirectToRoute("Detalhes"); 

// return RedirectToRoute("Detalhes", new {id = 5}); 

ViewBag.Mensagem = ‘'Detalhes id = " + id; 
return View(); 

} 

Ou, se preferir, use o metodo RedirectToRoutePermanent: 

public ActionResult Details(int? id) { 
if (lid.HasValue) 

return RedirectToRoutePermanent("Detalhes"); 

ViewBag.Mensagem = "Detalhes id = " + id; 
return View(); 

} 

Para redirecionar o usuario a um website especifico, use o metodo Redirect: 

public ActionResult Visitar() { 

return Redirect("http://www.novatec.com.br"); 

} 

Ou o metodo RedirectPermanent: 

public ActionResult VisitarO { 

return RedirectPermanent("http://www.novatec.com.br"); 

} 

6.3.4 Obtendo uma URL 

Para elaborar uma URL a partir de uma rota ou metodo de controlador por intermedio 

dos membros da classe Url, use o metodo Action: 

@Url.Action("List") 

@Url.Action("Details", new { id = 10 }) 

Exemplo: 

<a href=@Url.Action("Details", new { id = 10 })>Clique aqui</a> 
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Ou use o metodo RouteUrl: 

@Url.Routellrl ("NomedaRota", new { id = 35 }) 

Exemplo: 

<a href=@Url .RouteUrl("DefaultCreate", new { id = 35 })>C1ique aqui</a> 


6.4 Areas 


Uma aplicagao ASP.NET MVC pode ser dividida em areas, que fornecem um modo 
de dividir uma aplicagao web em pequenas segoes funcionais. Por exemplo, uma area 
contem os controladores, view, model e os arquivos referentes a administragao do 
website, outra area contem a estrutura referente aos produtos exibidos. 

Aideia central e a organizagao e o isolamento das diferentes segoes da aplicagao. 

Lembrando que cada area contem sua propria estrutura de arquivos e diretorios. 

Para criar uma nova area para um website, na janela Solution Explorer, clique com o bo- 
tao direito do mouse no nome do projeto e acesse Add e, em seguida, clique em Area..., 
Observe a figura 6.1: 



AppCapitulo6 - Microsoft Visual Web Developer 2010 Express 

l« “S.- MsSSSSBSBBHBM 

__ ...__ . _ n 


Error List Hi Output Find Symbol Results 
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Convert to Web Application 
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Figura 6.1 - Passos para acrescentar uma nova area. 
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Na caixa de texto Area Name, digite Admin e clique em Add. Observe a figura 6.2: 


Add Area jjKj 


Area name 

| Admin 

| Add K j [ Cancel ] 



Figura 6.2 - Caixa de dialogo Add Area. 

Ao clicar em Add, geramos a estrutura de diretorios apresentada na figura 63: 
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Figura 6.3 - Janela Solution Explorer contendo uma nova Area. 
As rotas da area Admin sao registradas no arquivo AdminAreaRegistration.es: 


using System.Web.Mvc; 

namespace AppCapitulo6.Areas.Admin { 

public class AdminAreaRegistrati on : AreaRegistrati on { 
public override string AreaName { 
get { 

return "Admin"; 

} 

} 

public override void RegisterArea(AreaRegistrationContext context) { 
context.MapRoute( 
n Admin_default", 
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"Admin/{controller}/{action}/{id}", 

new { action = "Index", id = UrlParameter.Optional } 

); 

} 

} 

} 

Quando acrescentamos uma nova area, nao conseguimos acessar os metodos do 
controlador desta forma: 

http://localhost:2676/admi n 

Ou seja, e necessario o caminho completo: 

http://localhost:2676/admin/home 

Para contornar esse problema, altere o arquivo AdminAreaRegistration.es. Acrescente a rota: 

context.MapRoute( 

"Admin_default", 

"Admin/{control1er}/{action}/{id}", 

new { action = "Index", id = UrlParameter.Optional } 

); 

O nome do controlador: 

controller = "Home" 

Exemplo: 

context.MapRoute( 

"Admin_default", 

"Admin/{control1er}/{action}/{id}", 

new { controller = "Home", action = "Index", id = UrlParameter.Optional } 

); 


6.4.1 Conflitos entre controladores 

Nao raro temos controladores com o mesmo nome em diferentes areas da aplicagao. 
Por exemplo, na raiz da aplicagao, temos um controlador denominado HomeController 
e na area Admin tambem. 

Para que ambos possam funcionar juntos, modifique o arquivo Global .asax. Acrescente 
a namespace usada pelo controlador: 

routes.MapRoute( 

"Default", 

"{controller}/{action}/{id}", 

new { controller = "Home", action = "Index", id = UrlParameter.Optional }, 
new[] { "AppCapitulo6.Controllers" } 

); 
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6.4.2 Link para diferentes areas 

Para linkar um metodo de controlador em outra area, especifique explicitamente o 
nome da area. 

Exemplo: 

@Html.ActionLinkC'Administragao", "Index", "Home", new { area = "Admin" }, null) 

Se for necessario, passe parametros a URL: 

@Html.ActionLink("Administragao", "Index", "Home", new { id = 5, area = "Admin" }, null) 

A formatagao com seletores CSS tambem pode ser aplicada: 

@Html.ActionLink("Administragao", "Index", "Home", new { id = 5, area = "Admin" }, 
new {@class = "seletorCSS"}) 

6.4.3 Link para a raiz da aplicagao 

Para acessar um recurso na raiz da aplicagao a partir de uma area especifica, defina 
o nome da area com uma string vazia: 

@Html.ActionLink("Pagina inicial", "Index", "Home", new { area = string.Empty }, null) 
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HTML helpers sao metodos que exibem no navegador texto simples ou elementos 
HTML de um formulario, ou um elemento HTML qualquer. 

Um HTML helpers pode ser simples e exibir apenas uma string ou sohsticado, como 
os usados para exibir varios tipos de graficos. 

7.1 Desenvolvendo uma nova aplica^ao 

Para testar os exemplos deste capitulo, inicie o Visual Studio. Acesse o menu File e 
clique em New Project.... 

Na caixa de dialogo New Project, selecione Web > Visual Studio 2012 > ASP.NET MVC 4 Web Application. 

Nomeie o projeto como AppCapituloZ. Clique em OK. 

Em seguida, na caixa de combinagao View Engine, selecione o mecanismo de exibigao 
Razor. 

Adicione ao projeto o controlador HomeController. 

No diretorio Models, crie e adicione entidades para um arquivo .edmx a partir do banco de 
dados Northwind. Siga os passos descritos no topico “4.3 ADO.NET Entity Framework”. 

7.2 Formularios 

Ha tres formas diferentes de se criar formularios no ASP.NET MVC. A primeira usa 
elementos HTMLe e processada no cliente, recomendada por motivos de performance. 

Exemplo: 

<! DOCTYPE html> 

<html> 

<head runat="server"> 

<title>Formulario de cadastro com elementos HTML</title> 

</head> 

<body> 

<div> 
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<fieldset style="width: 460px"> 

<legend>Cadastro</legend> 

<table style="width: 100%;"> 

<tr> 

<td style="text-a1ign: right;width: 69px;"> 

Nome: 

</td> 

<td colspan= ,, 3"> 

<input id="Textl" style="width: 240px;" type="text" /> 

</td> 

</tr> 

<tr> 

<td style="text-align: right;width: 69px;”> 

End: 

</td> 

<td colspan="3"> 

<input id="Text2" sty1e="width: 240px;" type="text" /> 

</td> 

</tr> 

<tr> 

<td sty1e="text-align: right;width: 69px;”> 

Cidade: 

</td> 

<td sty1e="width: 125px;"> 

<input id="Text3" type="text" /> 

</td> 

<td style="text-align: right;width: 41px;"> 

Estado: 

</td> 

<td> 

<select id="Selectl" name="Dl"> 

<option>RS</option> 

<option>SC</option> 

<option>RJ</option> 

<option>SP</option> 

<option>PR</option> 

</select> 

</td> 

</tr> 

<tr> 

<td style="width: 69px;text-align: right;height: 30px;" valign="top'’> 

</td> 

<td colspan= n 3 n style="height: 30px;"> 

<input id="Submitl" type= n submit" value="OK" /> 

<input id= ,, Submit2" type="submit" value="Cancelar" /> 

</td> 
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</tr> 

</table> 

</fieldset> 

</div> 

</body> 

</html> 

A saida vemos na figura 7.1: 



Figura 7.1 - Formulario de cadastro com elementos HTML. 


O segundo modo usa Web Server Controls e e processado no servidor Web. 

Exemplo: 

<!D0CTYPE html> 

<html> 

<head runat="server"> 

<title>Formulario de cadastro com Server Controls </title> 

</head> 

<body> 

<form runat="server"> 

<div> 

<fieldset style="width: 330px"> 

<legend>Cadastro</legend> 

<table style="width; 100%;"> 

<tr> 

<td style="text-align; right; width: 69px; u > 

Nome: 

</td> 

<td colspan="3 n > 

<asp:TextBox ID="TextBoxl" runat="server" Style="width: 240px;"> 
</asp:TextBox> 
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</td> 

</tr> 

<tr> 

<td style="text-align: right; width: 69px;"> 

End: 

</td> 

<td co1span="3"> 

<asp:TextBox ID="TextBox2" runat="server" Style="width: 240px;"> 
</asp:TextBox> 

</td> 

</tr> 

<tr> 

<td style="text-align: right; width: 69px;"> 

Cidade: 

</td> 

<td style="width: 125px;"> 

<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 

</td> 

<td style="text-align: right; width: 41px;"> 

Estado: 

</td> 

<td> 

<asp:DropDownList ID="DropDownListl" runat="server"> 

<asp:ListItem>RS</asp:Listltem> 

<asp:ListItem>SC</asp:Listltem> 

<asp:ListItem>RJ</asp:Listltem> 

<asp:ListItem>SP</asp:Listltem> 

<asp:ListItem>PR</asp:Listltem> 

</asp:DropDownList> 

</td> 

</tr> 

<tr> 

<td style="width: 69px; text-align: right; height: 30px;" valign="top"> 
</td> 

<td co1span="3" style="height: 30px;"> 

<asp:Button ID="Buttonl" runat="server" Text="0K" /> 

<asp:Button ID="Button2" runat="server" Text="Cancelar n /> 

</td> 

</tr> 

</table> 

</fieldset> 

</di v> 

</form> 

</body> 

</html> 
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Figura 12 - Formulario de cadastro com Server Controls . 


0 terceiro modo e exclusivo do ASP.NET MVC e usa HTML helpers. 

Exemplo: 

@{ 

Layout = null; 

} 

<! DOCTYPE html> 

<html> 

<head runat="server"> 

<title>Formulario de cadastro com HTML Helpers</title> 

</head> 

<body> 

@using (Html .BeginFormO) { 

<fieldset style="width: 330px"> 

<1egend>Cadastro</legend> 

<table style="width: 100%;"> 

<tr> 

<td style="text-align: right; width: 69px;"> 

@Html.Label("Nome:") 

</td> 

<td colspan="3"> 

@Html.TextBox("TextBoxl", new { @style = "width: 240px;" }) 
</td> 

</tr> 
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<tr> 

<td style= n text-a]ign: right; width: 69px;"> 

@Html.Label("End:") 

</td> 

<td colspan="3"> 

©Htrnl.TextBox("TextBox2 n , new { ©style = "width: 240px;" }) 

</td> 

</tr> 

<tr> 

<td style="text-align: right; width: 69px;"> 

@Html.Label("Cidade:") 

</td> 

<td style="width: 125px;"> 

@Html .TextBox("TextBox3") 

</td> 

<td style="text-align: right; width: 41px;"> 

©Htrnl.Label("Estado:") 

</td> 

<td> 

@Html.DropDownListC'DropDownListl", new[] { 

new SelectListltem { Text = "RS", Value = "1" }, 

new SelectListltem { Text = "SC", Value = "2" }, 

new SelectListltem { Text = "RJ", Value = "3" }, 

new SelectListltem { Text = "SP", Value = "4" }, 

new SelectListltem { Text = "PR", Value = "5" } 

}) 

</td> 

</tr> 

<tr> 

<td style="width: 69px; text-align: right; height: 30px;" valign="top"> 
</td> 

<td colspan="3" style="height: 30px;"> 

<input id="Buttonl" value="0K" type="submit" /> 

<input id="Button2" value="Cancelar" type="submit" /> 

</td> 

</tr> 

</table> 

</fieldset> 

} 

</body> 

</html> 

Na figura 73 vemos o formulario no navegador. Repare que todos os 3 formularios 
sao interpretados da mesma forma. Nao ha diferenqa no design. 
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1 HQ 

localhost vi +* X L P T | 

Arguivo Editar Exibir Favoritos Ferramentas Ajuda 

Favoritos : jp Formulario de cadastro com HTML Helpers 

Cadastro ~ 


Nome: | 


End: [ 


| Cidade: | 

jEstado: rs y 

[ 

OK ] [ Cancelar | 


, Intranet local - *.125% - 


Figura 73 - Formuldrio de cadastro com HTML Helpers . 


7.3 Preparando um formulario 

Quando usamos HTML helpers, o inicio e o fim de um formulario sao delimitados 
pelo trecho de codigo a seguir: 

©using (Html .BeginFormO) { 

// Restante do codigo 

} 

Se preferir, use o metodo EndForm. O metodo BeginForm marca o inicio do formulario e 
EndForm, o fim: 

@{ Html .BeginFormO ; } 

// Restante do codigo 
@{ Html. EndFormO; } 

O formulario e postado para o mesmo metodo de controlador que o invocou. Para 
posta-lo para outro metodo de controlador, modifique o metodo BeginForm: 

@using (Html.BeginForm("Create H , "Produtos")) { 

// Restante do codigo 

} 

O navegador interpreta o trecho de codigo anterior como: 

<form action="/Produtos/Create" methods’post 1 > 

... conteudo do formulario ... 

</form> 

O metodo BeginRouteForm tern a mesma fungao do metodo BeginForm. 
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Exemplo: 

©using (Html,BeginRouteForm(new { controller = "Produtos", action = "Create" })) { 

// Restante do codigo 

} 

7.4 Exibindo legendas 

Os metodos Label, Label For e Label ForModel exibem legendas/rotulos para um campo 
de formulario ou um conteudo qualquer em uma pagina, como uma mensagem ao 
usuario, por exemplo. 

7.4.1 Metodo Label 

A sintaxe Razor do metodo Label e: 

©Html.Label(string expression) 

Exemplo: 

©Html.Label("Cidade:") 

Ou: 

©Html.Label(Model.CategoryName) 

A linha: 

©Html.Label("Cidade:") 

E interpretada no navegador como: 

<1abel for="Cidade:">Cidade:</label> 

Enquanto a linha: 

©Html.Label(Model.CategoryName) 

Exibe o conteudo do campo CategoryName e e interpretada como: 

<1abel for="Beverages">Beverages</label> 

Os metodos com o prefixo Label assim como os demais metodos abordados nesse 
capitulo devem ser declarados com o metodo BeginForm: 

Exemplo: 

@{ 

Layout = null ; 

} 
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<! DOCTYPE html> 

<html> 

<head> 

<title>Metodo Html.Label</title> 

</head> 

<body> 

<div> 

@using (Html,BeginForm()) { 

<fieldset> 

<legend>Html.Label em agao</legend> 

<P> 

@Html.Label("Cidade:") 

</p> 

</fieldset> 

} 

</div> 

</body> 

</html> 

7 . 4.2 Metodo LabelFor 

Usa expressoes lambda para definir o conteudo exibido na tela. 

A sintaxe do metodo LabelFor e: 

@Html .LabelFor(Expression<Func<TModel, TValue» expression) 

Exemplo: 

@Html .LabelFor(x => x.CategoryName) 

CategoryName e uma propriedade da classe Category declarada no topo da pagina: 

@model AppCapitulo7.Models.Category 

7 . 4.3 Metodo LabelForModel 

Extrai o conteudo de uma propriedade representada em um modelo. 

Exemplo: 

@Html.LabelForModel(Model.CategoryName) 

7.5 Caixas detexto 

O metodo TextBox e TextBoxFor definem os campos de um formulario. Tambem conhe- 
cidos como caixas de texto. 
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7.5.1 Metodo TextBox 

A sintaxe basica do metodo TextBox requer apenas o nome (identificador) da caixa 
de texto: 

©Html .TextBox("txtNome") 

O navegador interpreta a linha como: 

<input id="txtNome" name="txtNome" type="text" value=""/> 

Voce pode tambem especificar um valor inicial: 

©Html.TextBox("txtNome", "Digite o seu nome aqui.") 

A quantidade de caracteres do campo: 

©Html.TextBox("txtNome", "Digite o seu nome aqui.", new { ©size = 50 }) 

No terceiro parametro, outros atributos HTML podem ser declarados: 

©Html.TextBox(idControle, Texto, atributosHTML) 

Como a formatagao usada, definida via seletores CSS: 

©Html.TextBox("txtNome", "Digite o seu nome aqui.", new { ©Class = "input-validation-error" }) 

Multiplos atributos HTML devem ser separados por virgula: 

@Html.TextBox("txtNome", "Digite o seu nome aqui.", new { @size = 50, 

@Class = "input-validation-error" }) 

Exemplo: 

@{ 

Layout = null; 

} 

<!DOCTYPE html> 

<html> 

<head> 

<title>Metodo Html.TextBox</title> 

</head> 

<body> 

<div> 

@using (Html .BeginFormO) { 

<fieldset> 

<legend>Html.TextBox em agao</legend> 

<P> 

@Html.TextBox("txtNome", "Digite o seu nome aqui.", 

new { @size = 50, ©Class = "input-validation-error" }) 

</p> 

</fieldset> 

} 
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</div> 

</body> 

</htmT> 

A figura 7,4 ilustra o funcionamento do metodo TextBox: 


<C Metodo Html.TextBox - Alfredo Lotar 


locaihost " 

Arguivo Editar Exibir Favorites Ferramentas Ajuda 
# Favoritos ^ Metodo Htm!, TextBox 

Html.TextBox em acao 

I'-C'-e r c r 

j§ ^ Intranet local - \ 125% - 


Figura 7.4 - Metodo Html.TextBox em agdo. 


7 . 5.2 Metodo TextBoxFor 

Define o nome do campo e tambem o conteudo por intermedio de expressoes lambda. 
Util quando voce precisa preencher os campos de um formulario de atualizagao com 
as informagoes atuais do registro. 

Exemplo: 

@Html.TextBoxFor(x => x.CategoryName) 

@Html.TextBoxFor(x => x.CategoryName, new { @Class = "input-validation-error" }) 

CategoryName e uma propriedade da classe Category. 

7.5.3 Metodo TextArea 

O metodo TextArea apresenta o conteudo de uma caixa de texto em multiplas linhas. 
Exemplo: 

@Html .TextArea("txtNome") 

@Htm1 .TextArea("txtNome", "Digite o seu nome aqui.") 

@Html.TextAreaC'txtNome", "Digite o seu nome aqui.", new { @Class = "textarea" }) 

O navegador interpreta as linhas como: 

<textarea cols="20" id="txtNome" name="txtNome" rows="2"x/textarea> 

<textarea cols="20" id="txtNome" name="txtNome" rows="2">Digite o seu nome aqui. 

</textarea> 

<textarea Class="textarea" co1s="20" id="txtNome" name="txtNome" rows="2"> 

Digite o seu nome aqui. 

</textarea> 
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A figura 7.5 mostra o exemplo em agao: 



localhost v 


Arguivo Editar Exibir Favoritos Ferramentas Ajuda 


& Favoritos ^ Metodo Html.TextArea 


HtmLTextArea em acao 


% j Intranet local 


125% 


Figura 7.5 - Metodo Html.TextArea em agao. 


7.5.4 Metodo TextAreaFor 

Requer expressoes lambda. 

Exemplo: 

@Html.TextAreaFor(x => x.CategoryName) 

@Html.TextAreaFor(x => x.CategoryName, new { @Class = "textarea" }) 

Ambas as linhas sao interpretadas no navegador como: 

<textarea cols="20" id="CategoryName" name="CategoryName" rows="2">Beverages</textarea> 
<textarea Class="textarea" cols="20" id="CategoryName" name= n CategoryName" rows=”2 u >Beverages 
</textarea> 



E retornam o conteudo apresentado na figura 7.6 


localhost v 


Arguivo Editar Exibir Favoritos Ferramentas 


^ Favoritos 


Html.TextAreaFor em agio 


Html,TextAreaFor em acao 


Intranet local 


125% 


Figura 7.6 - Metodo Html.TextAreaFor em agao. 
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7.5.5 Metodos Hidden e HiddenFor 

Criam campos ocultos em um formulario. A sintaxe e a mesma do metodo TextBox. 
Exemplo: 

©Html,Hidden("txtNome") 

©Html.Hidden("txtNome", "texto do campo oculto.") 

©Html ,Hidden("txtNome", "texto do campo oculto.", new { ©Class = "SeletorCSS" }) 

©Html.HiddenFor(x => x.CategoryName) 

©Html.HiddenFor(x => x.CategoryName, new { ©Class = "SeletorCSS" }) 

7.5.6 Metodo Password e PasswordFor 

Apresenta o conteudo de um campo de formulario com uma mascara ocultando os 
caracteres digitados pelo usuario. Cria as famosas caixas de texto para senhas. 

Exemplo: 

©Html.PasswordC'txtSenha") 

©Html.PasswordC'txtSenha", "senhaaqui") 

©Html.PasswordC'txtSenha", "senhaaqui", new { ©Class = "SeletorCSS" }) 

©Html.PasswordFor(x => x.CategoryName) 

©Html.PasswordFor(x => x.CategoryName, new { ©Class = "SeletorCSS" }) 

Observe a figura 7.7: 



1 ^ ,IL 

localhost v a. 

1 Arguivo Editar 

Exibir Favoritos Ferramentas >3> 

1 , Favorites Html,Password em agio | 


A 

Html .Pa.* 

sword em acao 

Senlia: •• 

.1 7 


V'i 

*' \s Intranet local 

% - % 125% - 


Figura 1J - Html.Password em agao. 


7.6 Caixas de sele^ao 

O metodo CheckBox cria uma caixa de selegao e permite que um usuario selecione 
multiplos elementos de uma lista. Voce, por exemplo, pode fazer a seguinte pergunta a 
um usuario. Quais sao suas cores preferidas? E, em seguida, criar um metodo CheckBox 
para cada cor. O usuario pode selecionar uma ou mais cores da lista. 

Um item com uma marca de selegao significa que o item esta ativo. 
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A sintaxe do metodo CheckBox e a seguinte: 

@Html .CheckBox(idControle, AtivoSim/Nao, atributosHTML) 

Exemplo: 

Layout = null; 

} 

<!D0CTYPE html> 

<html> 

<head> 

<title>Metodo Html.CheckBox</title> 

<1 ink href="@Url .Content("~/Content/Site.css")" rel="stylesheet" type="text/css n /> 
</head> 

<body> 

<div> 

@using (Html .BeginFormO) { 

<fieldset> 

<legend>Quais sao suas cores preferidas?</legend> 

<P> 

Azul @Html.CheckBox("chkAzul") 

Verde @Html.CheckBox("chkVerde",true) 

Vermel ho @Html.CheckBox("chkVermelho") 

Branco @Html.CheckBox("chkBranco") 

Outra cor @Html.CheckBox("chkOutra") 

</p> 

</fieldset> 

} 

</div> 

</body> 

</html> 

A figura 7.8 ilustra o exemplo em agao: 



:tp: localhost 


Arguivo Editar Exibir Favoritos Ferramentas Ajuda 


# Favoritos 0 Metodo Html. CheckBox 


Azul 0 Verde 0 Vermelho □ Branco □ Outra cor 


% H Intranet local 


Conclui'do 


Figura 7.8 - Caixas de selegao com o metodo HtmLCheckBox. 
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7.7 Botoes de radio 

Chamados de botoes de radio ou botoes de opgoes, existem em um grupo no qual 
somente um deles pode ser selecionado pelo usuario. 

Html .RadioButton exibe um botao de radio na tela: 

@Html.RadioButton("rndEstadoCivil", 1, true) Solteiro (a) 

0 navegador interpreta a linha como: 

cinput checked="checked" id="rndEstadoCivil" name="rndEstadoCivil" type="radio" value="l" /> 
Solteiro (a) 

Obs.: para agrupar botoes de radio defina todos com o mesmo nome. 

Por exemplo, faga a seguinte pergunta: Qual seu estado civil? 

@Html.RadioButton("rndEstadoCivil", 1, true) Solteiro (a) 

@Html.RadioButton("rndEstadoCivil", 2) Casado (a) 

@Html.RadioButton("rndEstadoCivil", 3) Separado (a) 

©Html.RadioButton("rndEstadoCivil", 4) Outro (a) 

Exemplo: 

@{ 

Layout = null; 

} 

<! DOCTYPE html> 

<html> 

<head> 

<title>Metodo Html.RadioButton</title> 

<1ink href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css"/> 
</head> 

<body> 

<div> 

fusing (Html .BeginFormO) { 

<fieldset> 

<legend>Qual seu estado civil?</legend> 

<p> 

@Html.RadioButton("rndEstadoCivil", 1, true) Solteiro (a) 

@Html.RadioButton("rndEstadoCivil", 2) Casado (a) 

@Html.RadioButton("rndEstadoCivil", 3) Separado (a) 

©Html.RadioButton("rndEstadoCivil", 4) Outro (a) 

</p> 

</fieldset> 

} 

</div> 

</body> 

</html> 
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Na figura 7.9 vemos o formulario com os botoes de radio: 


Metodo Html.RadioButton - Alfredo Lotar 


r' localhost j ** X 

Arguivo Editar Exibir Favoritos Ferramentas Ajuda 
^Favorites 0 M&odo Html.RadioButton 

Qua! seu estado civil? 

0 Solteiro (a) O Casado (a) O Separado (a) O Outro (a) 


|conduido^^^^ 

Figura 7.9 - Botoes de radio com o metodo Html.RadioButton. 

7.8 Caixa de combina^ao 

Uma caixa de combinagao contem uma list a de itens predefinida. Geralmente, so- 
mente o item-padrao e visivel. Os demais itens ficam ocultos ate que o usuario clique 
no botao Drop-down. 

O metodo DropDownList ou DropDownListFor exibe uma caixa de combinagao. 

As principals sintaxes do metodo DropDownList sao: 

@Html.DropDownList(idControle, IEnumerable<SelectListItem> selectList) 

@Html.DropDownList(idControle, IEnumerable<SelectListItem> selectList, 
string TextoItemEmBranco, atributosHTML) 

Exemplo: 

©using (Html .BeginFormO) { 

<fieldset> 

<legend>Selecione um Pais</legend> 

<P> 

Paises ©Html.DropDownList("dboPaises", new[] { 

new SelectListltem { Text = "Brasil", Value = "1" }, 

new SelectListltem { Text = "Alemanha", Value = "2" } , 

new SelectListltem { Text = "Australia", Value = "3" }, 
new SelectListltem { Text = "Uruguai", Value = "4" }, 

new SelectListltem { Text = "Japao", Value = "5" } 

}, "Selecione") 

</p> 

</fieldset> 

} 
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Observe a saida na figura 7.10: 



Figura 7.10 - Caixa de combinagdo com o metodo Html.DropDownList. 

Se necessario, carregue os itens de uma caixa de combinagao a partir de um metodo 
publico de controlador. 

Exemplo: 

public class HomeController : Controller { 
public ActionResult List() { 

var 1st = new List<string> { 

"Brasil","Alemanha","Australia", "Uruguai", "lapao" 

}; 

ViewBag.Paises = new SelectList(lst); 
return View(); 

} 

} 

Apropriedade dynamic Paises contem a lista de itens: 

ViewBag.Paises = new SelectList(lst); 

No view associado ao metodo List exibimos os itens: 

@{ 

Layout = null; 

} 

<! DOCTYPE html> 

<html> 

<head> 

<title>Metodo Html.DropDownList</title> 

</head> 

<body> 

<div> 

@using (Html .BeginFormO) { 
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©Html .DropDownList("Paises") 

} 

</div> 

</body> 

</html> 

A propriedade Paises: 

ViewBag.Paises = new SelectList(lst); 

E passada ao metodo DropDownList: 

©Html.DropDownList("Paises") 

Obs.: no exemplo, usamos um objeto List, mas voce pode usar outra origem de da¬ 
dos qualquer, como um array, banco de dados, um documento XML etc. 

7.8.1 Metodo DropDownListFor 

O metodo DropDownListFor usa expressoes lambda e e util em um formulario de atua- 
lizaqao: 

Produto: @Html.DropDownListFor(x => x.Discontinued, new[] 

{ new SelectListltemO { Text = "Ativo", Value = "true" }, 
new SelectListltemO { Text = "Inativo", Value = "false" } }) 

Exemplo: 

©model AppCapitulo7.Models.Product 
Layout = null; 

} 

<!DOCTYPE html> 

<html> 

<head> 

<title>Metodo Html.DropDownListFor</title> 

</head> 

<body> 

<div> 

©using (Html .BeginFormO) { 

<P> 

Produto: ©Html.DropDownListFor(x => x.Discontinued, new[] { new SelectListltemO 
{ Text = "Ativo", Value = "true" }, new SelectListltemO 
{ Text = "Inativo", Value = "false" } }) 

</p> 

} 

</div> 

</body> 

</html> 
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7.9 Caixa de listagem 

Uma caixa de listagem exibe itens com base no numero de linhas visiveis permitidas. 
Voce pode selecionar um ou mais itens. O metodo ListBox ou ListBoxFor cria uma caixa 
de listagem na tela. 

A sintaxe do metodo ListBox e a seguinte: 

@Html.ListBox(idControle) 

@Html.ListBox(idControle, IEnumerable<SelectListItem> selectList) 

@Html.ListBox(idContro1e, IEnumerable<SelectListItem> selectList, atributosHTML) 

Exemplo: 

@Html.ListBoxC'lstBebidas", new MultiSelectList(new[] { "Vinho", "Cerveja" })) 

@Html .ListBox("lstPaises", new[] { 

new SelectListltem { Text = "Brasil", Value = "1" }, 

new Sel ectLi stltem { Text = "Alemanha", Value = "2" } , 

new SelectListltem { Text = "Australia", Value = "3" }, 
new SelectListltem { Text = "Uruguai", Value = "4" }, 

new SelectListltem { Text = "lapao", Value = "5" }} 

) 

No navegador e interpretado como: 

<select id="lstBebidas" multiple="multiple" name="lstBebidas"> 

<option>Vinho</option> 

<opti on>Ce rvej a</option> 

</select> 

<select id="lstPaises" multiple="multiple" name="lstPaises"> 

<option value="l">Brasi1</option> 

<option value="2">Alemanha</option> 

<option value="3">Australia</option> 

<option value="4">Uruguai</option> 

<option value="5">3apao</option> 

</select> 

Os itens da caixa de listagem podem ser carregados tambem a partir de um metodo 
de controlador: 

public class HomeController : Controller { 
public ActionResult List() { 
var 1st = new List<string> { 

"Brasil"."Alemanha","Australia", "Uruguai", "Japao" 

}; 

ViewBag.Paises = new SelectList(1st); 
return Vi ew(); 

} 

} 
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No view temos: 

@using (Html .BeginFormO) { 

@Html.ListBox("Paises") 

} 

Exemplo: 

@{ 

Layout = null; 

} 

<!DOCTYPE html> 

<html> 

<head> 

<title>Metodo Html.ListBox</title> 

</head> 

<body> 

<div> 

<fieldset> 

<legend>Selecione urn Pais</legend> 

<p> 

@using (Html .BeginFormO) { 
@Html.ListBox("Paises") 

} 

</p> 

</fieldset> 

</div> 

</body> 

</html> 

A figura 7.11 mostra uma 


caixa de listagem com itens: 


Metodo Html.ListBox - Alfr... 


~ 4, l0Calh0S 7 V ' 

Arguivo Edifcar Exibir Favorites Ferramei 
# Favoritos j gf Metodo Html , ListBox 


Selecione urn Pais 


Brasil * 
Alemanha ~. 


Australia 


Uruguai 


* 4 Intranet local 


4 - \ 125 % - 


Figura 7.11 - Caixa de listagem com o metodo Html.ListBox. 
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7.9.1 Metodo ListBoxFor 

Semelhante ao metodo ListBox, mas usa expressoes lambda. Exemplo: 

@Html.ListBoxFor(x=>x.ProductName, new MultiSelectList(new[] { "Vinho", "Cerveja" })) 

7.10 Metodos de edi$ao 

Os metodos de edigao do ASP.NET MVC sao simples e faceis de usar. Por exemplo, 
com algumas linhas de codigo voce tern um formulario de atualizagao completo. 

7.10.1 Metodo EditorForModel 

O metodo EditorForModel e otimo para editar dados rapidamente. Por exemplo, se voce 
tern um metodo Edit em um controlador e seleciona um registro especifico por meio 
de instrugoes SQL ou L1NQ, para editar as informagoes desse registro, basta associar 
um metodo e a classe usada a um view e declarar o metodo EditorForModel. 

Por exemplo, no controlador, temos dois metodos Edit: 

public ActionResult Edit(int? id) { 
try { 

if C!id.HasValue) 

return View("NotFound"); 

var model = db.Categories.Where(c => c.CategorylD = id).FirstOrDefaultQ; 
if (model == null) 

return View("NotFound"); 

else 

return View(model); 

} 

finally { 

if (db != null) db.DisposeO; 

} 


[HttpPost] 

public ActionResult Edit(int? id, FormCollection collection) { 
try { 

if (lid.HasValue) 

return View("NotFound"); 

var model = db.Categories.Where(c => c.CategorylD == id).FirstOrDefaultO; 
if (model == null) { 

return View("NotFound"); 


} 
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else { 

this.TryUpdateModel(model); 
db.SaveChangesO; 

} 

return RedirectToAction("Index n ); 

} 

catch { 

return View(); 

} 

finally { 

if (db != null) db.DisposeO; 

} 

} 

E, no view Edit.aspx, declaramos o metodo EditorForModel: 

©model AppCapitulo7.Models.Category 

@{ 

Layout = null; 

} 

<!DOCTYPE html> 

<html> 

<head> 

<title>Exemplo simples com o metodo Html.EditorForModel</title> 

</head> 

<body> 

<div> 

©using (Html .BeginFormO) { 

©Html .EditorForModel() 

<input id="edit" type="submit" value="Editar"/> 

} 

</div> 

</body> 

</html> 

Conforme observamos na figura 7.12, o formulario e carregado com todas as infer- 
macfees do registro. Ou seja, pronto para edfeao. Nao e preciso criar varios controles 
Label e TextBox. 
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£? Exemplo simples com o me to... |. 




localhost: g| | ^ *f X 


Arguivo Editar Exibir Favoritos Ferramentc >3 
Favorites 0 Exemplo simples com o metodo .., 


CategorylD 

h__ _ ____| 

Categoria 

Beverages __ _1 

Descneao 

Soft drinks, coffees, teas. I 


Editar 


* j Intranet local 4 $ % 125% 


Figura 7.12 - Formulario de edigao exibido com o metodo HtmlEditorForModel 


7.10.2 Metodo Editor 

Retorna um elemento HTML input para a propriedade representada pela expressao. 
@Html .Editor(expressao) 

Por exemplo: 

@Html.Editor(Model.CategoryName) 

On: 

@Html .Editor("CategoryName") 

Retorna: 

<input class="text-box single-line" id= n Beverages" name="Beverages" type="text" value="" /> 

7.10.3 Metodo EditorFor 

Usa expressoes lambda. E semelhante ao metodo Editor: 

@Html.EditorFor(x => x. CategoryName) 

7.11 Exibindo Texto 

No ASP.NET MVC temos diversos metodos que retornam o conteiido de uma pro¬ 
priedade como uma string. 

Por exemplo, o metodo DisplayTextFor e semelhante ao metodo EditorForModel , mas exibe 
o conteudo como uma lista de strings e nao em um formulario. 
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As linhas a seguir exibem o conteudo de todas as propriedades da classe associada 
ao view: 

©using (Html .BeginFormO) { 

©Html.DisplayForModel() 

} 

Se preferir, exiba o conteudo de uma propriedade especifica: 

©Html. Di spl ay ("CategoryName") 

Ou: 

©Html.DisplayText("CategoryName") 

Expressoes lambda tambem podem ser usadas: 

©Html.DisplayFor(x => x.CategoryName) 

Ou: 

©Html.DisplayTextFor(x => x.CategoryName) 

7.12 Ativando e desativando elementos HTML 

Por motivos de seguranga, antes de exibir uma informagao qualquer no navegador, 
devemos sempre desativar caracteres HTML inseridos propositalmente ou nao, no 
campo de formulario ou no banco de dados. Os metodos abordados a seguir nos 
auxiliam nessa tarefa. 

7.12.1 Metodo Encode 

O metodo Encode e semelhante ao metodo Html Encode do objeto Server. 

Exemplo: 

©Html .Encode("<b>Alfredo Lotar</b>") 

Re torn a: 

&lt;b&gt;Alfredo Lotar&lt;/b&gt; 

7.12.2 Metodo AttributeEncode 

E um pouco diferente do metodo Encode, pois codifica somente aspas duplas, o carac- 
tere & e tambem <. Exemplo: 

©Html.AttributeEncode("<b>Alfredo Lotar</b>") 

Retorna: 


&1t;b>Alfredo Lotar&lt;/b> 
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7.12.3 Metodo Raw 

Diferente de versoes anteriores do ASP.NET. O ASP.NET MVC codifica o texto enviado 
para o navegador, automaticamente. 

Quando a string: 

"<b>Alfredo Lotar</b>" 

E definida em um metodo de controlador: 

public ActionResult Index() { 

ViewBag.Nome = "<b>Alfredo Lotar</b>"; 
return View(); 

} 

E declarada em um view: 

<p> 

@ViewBag.Nome 

</p> 

E exibida em um navegador como: 

<b>Alfredo Lotar</b> 

Se voce deseja que o codigo ETTML seja interpretado, use o metodo Raw: 

<P> 

@Html.Raw(ViewBag.Nome) 

</p> 

No navegador temos: 

Alfredo Lotar 

Em negrito. 

7.13 Formulario de inser^ao de dados 

Para inserir informagoes em um banco de dados defina no controlador dois metodos 
Create. O primeiro exibe o formulario em branco: 
public ActionResult CreateQ { 
return View(); 

} 

E o segundo envia as informagoes para o banco de dados: 

[HttpPost] 

public ActionResult Create(Category entidade) { 
try { 

if (!Model State.IsValid) { 

Model State.AddModelError("", 

"Ocorreram erros no formulario. Por favor, corrija os erros e tente novamente."); 
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return ViewQ; 

} 

else { 

db.AddToCategories(entidade); 

db.SaveChanges(); 

return Redi rectToAction("Index"); 

} 

} 

catch(System.Data.EntitySqlExcept!on) { 

ModelState.AddModelError("", "Erro EntitySqlException."); 
return View(); 

} 

catch (System.Data.EntityCommandExecutionException) { 

Model State.AddModelError("", "Erro EntityCommandExecutionException."); 
return View(); 

} 

finally { 

if (db != null) db.Dispose(); 

} 

} 

Obs.: no exemplo, nomeamos o metodo como Create, mas voce pode usar qualquer 
outro nome, como: Inseri r, Adi cionar, Acrescentar, Add etc. 


O modo mais facil de se criar um formulario de inserqao de dados e por mtermedio 
da caixa de dialogo Add View. Clique com o botao direito do mouse no metodo Create, 
em seguida, selecione Add View..., Observe na figura 7.13 a caixa de dialogo Add View con- 
figurada para adicionar ao projeto o template Create. 


View name: 
jCreate 
View engine: 

| Razor (CSHTML) 

jvj Create a strongly-typed view 
Model class: 

j Category (AppCapitulo8. Models) 
Scaffold template: 


f~T Create as a partial view 
I ! Use a layout or master page: 


j Reference script libraries 


(Leave empty if it is set in a Razor _viewstart file) 


Up >« - ,r 




Figura 7.13 - Caixa de dialogo Add View. 
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Repare o codigo HTML e os HTML helpers do view Create.cshtml. E importante que 
o ID dos campos do formulario seja igual ao nome dos parametros do metodo Create 
ou igual ao nome das propriedades da classe associada Category: 

©model AppCapitulo7.Models.Category 
@{ 

Layout = null; 

1 

<! DOCTYPE html> 

<html> 

<head> 

<title>Create</title> 

<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"> 
</script> 

<script src="@Url.Content("-/Scripts/jquery.validate.min.js")" type="text/javascript"> 
</script> 

<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" 
type="text/javascript n ></script> 

clink href="@UrLContent("~/Content/Site.css")" reVstylesheet" type="text/css"/> 
</head> 

<body> 

©using (Html .BeginFormO) { 

©Html.ValidationSummary(true) 

<fieldset> 

<legend>Nova categoria</legend> 

<div class="editor-label"> 

©Html.LabelFor(model => model.CategoryName) 

</div> 

<div class="editor-field"> 

©Html.TextBoxFor(model => model.CategoryName, new { ©style = "width: 250px;" }) 
©Html,ValidationMessageFor(model => model.CategoryName) 

</div> 

<div class="editor-label"> 

©Html.LabelFor(model => model.Description) 

</div> 

<div class="editor-field"> 

©Html.TextAreaFor(model => model.Description, new { ©style = "width: 250px;" }) 
©Html.ValidationMessageFor(model => model.Description) 

</div> 

<p> 

<input type="submit" value="Create" /> 

</p> 

</fieldset> 


} 
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<div> 

@Html.ActionLink("Pagina inicial", "Index") 

</div> 

</body> 

</html> 


A figura 7.14 mostra o formulario de insergao em agao: 



localhost v 


Arguivo Editar Exibir Favorites 


Favorites 


localhost 


Arguivo Editar Exibir Favoritos Ferramentas Ajt 


Favoritos 


Nova categoria 


Categoria 

jComputadores 


Create 


Intranet local 


Createl 


Arquivo Editar Exibir Depurar 

Comunidade Aiuda 
j Nova Consults jjj lJ lJ# 

id ill Sii Alterar Tipo ' r 


ALFREDO\SQLE.„bo.Categories / 

Categor vIP CategoryName /Description 

1 5 Grains/Cereal; 

6 Meat/Poultry 

17 Produce 


Picture 


Breads, crackers... <Dados binaries > 
Prepared meats <Dados binaries > 

Dried fruit and b... <Dados binaries > 


Computadores™ Categoriadestin.,, MJLL 


Pronto 


Figura 714 - Inserindo uma nova categoria. 


7.14 Formulario de atualiza^ao de dados 

A atualizagao de informa^oes e semelhante a inser^ao. Primeiramente, carregamos 
a lista de categorias: 
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private NorthwindBD db = new NorthwindBDO; 
public ActionResult Index() { 
try { 

var model = db.Categories.AsParallel().ToListQ; 
return View(model); 

} 

finally { 

if (db != null) db.Dispose(); 

} 

} 

O view Index.cshtml exibe as informagoes no navegador: 

©model IEnumerable<AppCapitulo7.Models.Category> 

@{ 

Layout = null; 

} 

<! DOCTYPE html> 

<html> 

<head> 

<title>Lista de categorias</title> 

</head> 

<body> 

<div> 

<ul> 

©foreach (var item in Model) { 

<li> 

©Html.ActionLink(itern.CategoryName, "Edit", new { id = item.CategorylD }) 
</li> 

} 

</ul> 

©Html .ActionLink("Create", "create") 

</div> 

</body> 

</html> 

Em seguida, como ja abordado neste livro, sao necessarios dois metodos Edit. O 
primeiro carrega os dados atuais do registro. 

public ActionResult Edit(int? id) { 
try { 

if (lid.HasValue) 

return View("NotFound"); 

var model = db.Categories.Where(c => c.CategorylD == id).FirstOrDefaultO; 
if (model == null) 

return View("NotFound"); 

else 

return View(model); 

} 

finally { 

if (db != null) db.DisposeQ; 

} 
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E o segundo metodo Edit envia as alteragoes para o banco de dados: 

[HttpPost] 

public ActionResult Edit(Category entidade) { 

try { 

var model = db.Categories.Where(c => c.CategorylD == entidade.CategorylD). 
Fi rstOrDefaultO; 

if (model == null) { 

return View("NotFound"); 

} 

else { 

db.ApplyCurrentValues(model.EntityKey.EntitySetName, entidade); 

db.SaveChangesO; 

return RedirectToAction("Index"); 

} 

} 

finally { 

if (db != null) db.Dispose(); 

} 

} 


O passo seguinte e a criagao do view com o formulario de atualizagao. Na caixa 
de dialogo Add View, definimos o nome do view, a classe associada e o template Edit. 
Observe a figura 7.15: 


View name: 

fidit 

i_ 

View engine: 


[ Razor (C5HTML) __ 

0 Create a strongly-typed view 
Model class: 


Category (AppCapituloS. Models) 


Scaffold template: 


| v ; 0 Reference script libraries 


Q Create as a partial view 
f~l Use a layout or master page: 


(Leave empty if it is set in a Razor _viewstart file) 

ContentPlaceHolder ID: 


I J 




Cancel 


Figura 7.15 - Caixa de dialogo Add View. 

O codigo do template Edit vemos a seguir: 

@model AppCapitulo7.Models.Category 
@{ 

Layout = null; 

} 
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<! DOCTYPE htm1> 

<html> 

<head> 

<title>Edit</title> 

<script src="@Url.Content("~/Scripts/jquery-1.4.4,min.js") u type="text/javascript"> 
</script> 

<script src="©Url .Content("~/Scripts/jquery.validate. min, js")" type="text/javascript"> 
</script> 

<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" 
type="text/javascript"> 

</script> 

<1ink href="@Url.Content("~/Content/Site.css")" reVstylesheet" type="text/css7> 
</head> 

<body> 

©using (Html.BeginForm("Edit", "Home")) { 

©Html.ValidationSummary(true) 

<fieldset> 

<1egend>Editar categoria</legend> 

@Html.HiddenFor(model => model.CategorylD) 

<div class="editor-laber'> 

©Html.LabelFor(model => model.CategoryName) 

</div> 

<div class="editor-field"> 

©Html.TextBoxFor(model => model.CategoryName, new { ©style = "width: 250px;" }) 
©Html.ValidationMessageFor(model => model.CategoryName) 

</div> 

<div class="editor-label"> 

©Html.LabelFor(model => model.Description) 

</div> 

<div class="editor-field u > 

©Html.TextAreaFor(model => model .Description, new { ©style = "width: 250px;" }) 
©Html.ValidationMessageFor (model => model.Description) 

</div> 

<p> 

<input type= ,, submit" value= n Save" /> 

</p> 

</fieldset> 

} 

<div> 

©Html .ActionLink("Pagina inicial", "Index") 

</div> 

</body> 

</html> 

A figura 7.16 ilustra o formulario de atualiza^ao em aqao: 
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Figura 7.16 - Editando uma categoria. 


7.15 Criando HTML Helpers 

Voce pode desenvolver seu proprio HTML helper ou usar HTML helpers desenvolvidos 
por terceiros, como empresas ou desenvolvedores independentes. 

Um HTML helper pode ser simples, como o desenvolvido a seguir, no qual criamos 
um botao Submit. 

Criar um novo HTML helper e facil. Voce cria uma nova classe static e define uma 
namespace. O codigo que faz a coisa acontecer, digamos assim. E inserido em um 
extension method, ou seja, e um metodo static, e o primeiro parametro e precedido 
do modificador this. Significa que estende o tipo HtmlHelper. 

Para criar um HTML helper na aplicagao AppCapituloZ, siga os passos descritos a seguir: 
Crie um diretorio separado, conforme a figura 7.17. 

Crie tambem a classe Helpers no arquivo HtmlHelpers.es e insira o codigo a seguir: 

using System.Web.Mvc; 
namespace AlfredoLotar.Livro.AspnetMvc { 
public static class Helpers { 

public static MvcHtmlString Submit(this HtmlHelper helper, string text) { 

string str = string. Format("cinput id=\"Submitl\" type=\ n submit\" value=\"{0}\"/>", text); 
return new MvcHtmlString(str); 

} 

} 
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Solution Explorer ^ □ X 

, _P -U i- 

>5 AppCapituloT 

® tM Properties 
® jdi References 
S3- Di Content 
ffl- Ql Controllers 
£3 - ilr Helpers 


{HtrnlHelpers.es i 


S3- Si Models 
®- Si Scripts 
©■• Si Views 
S Global.asax 
S3- Web.config 


Figura 7.17 - Diretorio Helpers e o arquivo HtmlHelpers.es. 

Aclasse MvcHtmlString faz com que as tags HTMLsejam interpretadas pelo navegador: 
return new MvcHtmlString(str); 

A linha anterior pode ser reescrita como: 

return MvcHtmlString.Create(str); 

Para exibir texto simples, altere o tipo de retorno e elimine a classe MvcHtml String do 
codigo: 

public static string Exemplo(this HtmlHelper helper, string text) { 
return text; 

} 

No view importe a namespace AlfredoLotar.Livro.AspnetMvc: 

<%@ Import Namespace="AlfredoLotar.Livro.AspnetMvc n %> 

E invoque o metodo Submit como se fosse um HTML helper nativo: 

<%:Html .Submit("Enviar")%> 

Exemplo: 

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 

<%@ Import Namespace="AlfredoLotar.Livro.AspnetMvc" %> 

<!DOCTYPE html> 

<html> 

<head runat="server"> 

<title>Index</title> 

</head> 

<body> 

<div> 

<% using (Html .BeginFormO) {%> 

<fieldset> 

<legend>Botao submit de exemplo</legend> 
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<%:Html .Submit( u Enviar")%> 

- </fieldset> 

<% } %> 

</div> 

</body> 

</html> 

Agora, se voce usa a sintaxe Razor, a coisa e um pouco diferente. A palavra-chave using 
importa a namespace para o view: 

©using AlfredoLotar.Livro.AspnetMvc 

O metodo Submit pode ser invocado como qualquer outro HTML helper: 

©using (Html .BeginFormO) { 

<fieldset> 

<legend>Botao submit de exemplo</legend> 

<P> 

©Html .SubmitC'Enviar") 

</p> 

</fieldset> 

} 

7.15.1 HTML helpers inline 

A sintaxe Razor permite HTML helpers inline, ou seja, o codigo do metodo e inserido 
diretamente no view por intermedio do bloco ©helper: 

©helper Submit(string text) { 

MvcHtmlString ctr = new MvcHtmlString(String.Format( H <input id=\"Submitl\" 
type=\"submit\" value=\"{0}Y7>"» text)); 

@ctr; 

} 

Exemplo: 

@{ 

Layout = null; 

} 

<!DOCTYPE html> 

<html> 

<head> 

<title>Botao submit de exemplo</title> 

</head> 

<body> 

©helper Submit(string text) { 

MvcHtmlString ctr = new MvcHtmlString(String.Format("<input id=\"Submitl\" 
type=\"submit\" value=\"{0}\ , 7> n , text)); 

©ctr; 
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} 

<div> 

©using (Html.BeginFormO) { 

<fieldset> 

<legend>Botao submit de exemplo</legend> 

<P> 

©SubmitC'Enviar") 

</p> 

</fieldset> 

} 

</div> 

</body> 

</html> 

7.15.2 ClasseTagBuilder 

Classe usada por HTMLhelpers para criar elementos HTML. Neste topico, emprega- 
mos a classe TagBuilder para desenvolver um HTML helper e exibir a tag HTML <img>. 

Primeiro passo e criar uma instancia da classe TagBuilder e definir o nome da tag que 
deve ser criada: 

TagBuilder tb = new TagBuilder("img"); 

Em seguida, definimos o identificador com o metodo Cenerateld: 
tb.Generateld(id) ; 

As demais propriedades sao criadas com o metodo MergeAttribute e MergeAttributes: 

tb,MergeAttribute("src", url); 
tb.MergeAttributeC'alt", alternateText); 
tb.MergeAttributes(new RouteValueDictionary(htmlAttributes)); 

Para definir um seletor CSS para a tag, use o metodo AddCssClass: 

tb.AddCssClass("seletorCSS"); 

0 metodo ToString retorna a tag criada. Voce pode criar uma tag normal, uma tag 
inicial, uma tag de fechamento, uma tag vazia ou que contem apenas atributos: 

tb.ToString(TagRenderMode.SelfClosing); 

Exemplo: 

using System.Web.Mvc; 
using System.Web.Routing; 
namespace AlfredoLotar.Livro.AspnetMvc { 
public static class Helpers { 

public static MvcHtmlString Image(this HtmlHelper helper, string id, string url, 
string alternateText) { 
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return Image(he!per, id, url, alternateText, null); 

} 

public static MvcHtmlString Image(this HtmlHelper helper, string id, string url, 
string alternateText, object htmlAttributes) { 

TagBuilder tb = new TagBuilder("img"); 

tb.Generateld(id); 

tb.MergeAttribute("src", url); 

tb.MergeAttribute("alt", alternateText); 

tb.MergeAttributes(new RouteValueDictionary(htmlAttributes)); 

return MvcHtmlString.Create(tb.ToString(TagRenderMode.SelfClosing)); 

} 

} 

} 

No codigo anterior temos a opgao de incluir a classe UrlHelper e formatar a URLe o 
texto que descreve a imagem. Inclua a linha: 

UrlHelper _urlHelper = new UrlHelper(helper.ViewContext.RequestContext); 

E formate a URL: 

tb.MergeAttribute("src", _urlHelper.Content(url)); 

E o texto: 

tb.MergeAttribute("alt", _urlHelper.Encode(alternateText)); 

Apos a cria^ao do HTML helper, voce pode usa-lo em um view. Exemplo: 

@using A1fredoLotar.Livro.AspnetMvc 

@{ 

Layout = null; 

} 

<!DOCTYPE html> 

<html> 

<head> 

<title>HTML helper Image</title> 

</head> 

<body> 

<div> 

@Html.ImageC'idlmage", Href("~/Content/imagem.jpg"), "DescrRao") 

@Html .ImageCidlmag", Href("~/Content/imagem.jpg"), "DescrRao", new {border = "3" }) 

</div> 

</body> 

</html> 
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Figura 7.18 - HTML helper Image. 


No exemplo anterior usamos a sintaxe Razor. Em um view ASPX, importe a namespace 
A1fredoLotar.Livro.AspnetMvc: 

<%@ Import Namespace="AlfredoLotar.Livro,AspnetMvc" %> 

Na linha: 

@Html.ImageC'idimage", Href CVContent/i magem.jpg"), "Descrigao") 

Substitua o metodo Href por ResolveUrl: 

<%:Html .ImageC’idlmag", ResolveUrlC'~/Content/imagem.jpg"), "Descritao")%> 

Exemplo: 

<°M Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 

<°M Import Namespace="AlfredoLotar.Livro.AspnetMvc" %> 

<!DOCTYPE html> 

<html> 

<head> 

<title>HTML helper Image</title> 

</head> 

<body> 

<div> 

<%:Html.ImageC’idlmag", ResolveUrl("~/Content/imagem.jpg"), "Descritao")%> 

</div> 

</body> 

</html> 
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7.15.3 Classe HtmITextWriter 

Se voce precisa criar um HTML helper que exibe uma tag HTML que content outras 
tags-filha aninhadas, por exemplo, a tag object, use a classe HtmITextWriter em vez da 
classe TagBuilder. 

As principals propriedades e metodos da classe HtmITextWriter sao: 


Propriedade/metodo 

Indent 

AddAttribute 

RenderBeginTag 

RenderEndTag 


Descri^ao 

Define a endentagao do documento. 

Define o nome e o valor do atributo. 

Exibe a tag de abertura. O nome e definido por intermedio da enume- 
ragao HtmlTextWriterTag. 

Exibe a tag de fechamento. 


Quando voce cria uma nova instancia da classe HtmITextWriter, passe uma instancia 
da classe StringWriter: 


using (HtmITextWriter writer = new HtmlTextWriter(new StringWriterO)) 

Exemplo: 

public static MvcHtmlString ShowFlash(this HtmlHelper helper, string FlashFile, string width, 
string height) { 

using (HtmITextWriter writer = new HtmITextWriter(new StringWriterO)) { 
writer.Indent = 1; 


writer.AddAttribute("classid", "clsid:D27CDB6E-AE6D-llcf-96B8-444553540000"); 
writer.AddAttribute("codebase", 

"http://download.macromedia.com/pub/shockwave/cabs/f1ash/swf1 ash.cab#version=6,0,29,0"); 


writer.AddAttribute("width", width); 

writer.AddAttribute("height", height); 

writer.RenderBeginTag(HtmlTextWriterTag.Object); 

writer.AddAttribute("name", "movie"); 
writer.AddAttribute("value", FIashFi1e); 
writer.RenderBeginTag(HtmlTextWriterTag.Param); 
writer.RenderEndTagO; 

writer.AddAttribute("name", "quality"); 
writer.AddAttribute("value", "high"); 
writer.RenderBeginTag(HtmlTextWriterTag.Param); 
writer.RenderEndTagO; 


writer.AddAttribute("src", FlashFile); 
writer.AddAttribute("quality", "high"); 
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writer.AddAttribute("pluginspage", "http://www,macromedia,com/go/getflashplayer"); 

writer.AddAttribute("type", "application/x-shockwave-f1 ash"); 

writer.AddAttribute("width", width); 

writer.AddAttribute("height", height); 

writer.RenderBeginTag(HtmlTextWriterTag.Embed); 

writer.RenderEndTagO; 

writer.RenderEndTagO; 
writer.Flush(); 

return MvcHtmlString.Create(writer.InnerWriter.ToStringO); 

} 

} 


Obs.: defina os atributos antes da tag-alvo. 

Apos importar a namespace, declare o HTML helper no view ASPX: 

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 

<%@ Import Namespace="AlfredoLotar,Livro.Aspnet!%c" %> 

<!DOCTYPE html> 

<html> 

<head> 

<title>HTML helper Image</title> 

</head> 

<body> 

<div> 

<%;Html.ShowFlash(ResolveUrl("-/Content/arquivo.swf"), "200", "150")%> 
</div> 

</body> 

</html> 

Ou no view Razor: 

@using A1fredoLotar.Livro.AspnetMvc 
@{ 

Layout = null; 

} 

<!DOCTYPE html> 

<html> 

<head> 

<title>HTML helper ShowFlash</title> 

</head> 

<body> 

<div> 

@Html.ShowFlash(Href("-'/Content/arquivo.swf"), "200", "150") 

</div> 

</body> 

</html> 
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Verifica^oes e validates 


No ASP.NET MVC, a validagao, a verificagao e a formatagao das informagoes usadas 
pela aplicagao sao realizadas por intermedio de atributos. 

Os tipos de atributos de validagao e de formatagao usados pelo ASP.NET MVC sao: 
Required, StringLength, Display, DataType, DisplayFormat, Range, RegularExpression, Compare, Remote. 

O projeto Data Annotations Extensions acrescenta 11 novos tipos de atributos aoASP.NET 
MVC. Alguns muito uteis, como: CreditCard, Email, Url e FileExtensions. 

Quando um atributo retorna uma mensagem de erro, usa os metodos ValidationSummary, 
ValidationMessage e ValidationMessageFor para exibi-la. 

Um programador pode usar o metodo AddModelError para exibir mensagens de erro 
da mesma forma. 

Outro recurso interessante dos atributos de validagao e formatagao e a capacidade de 
usar arquivos de recursos, ou seja, e possivel exibir as mensagens de erro em varios 
idiomas. 

Geralmente, a validagao ocorre no cliente e no servidor. Algo essencial para a perfor¬ 
mance e seguranga da aplicagao. 

8.1 Desenvolvendo uma nova aplicagao 

Para testar os exemplos deste capitulo, inicie o Visual Studio. Acesse o menu File e 

clique em New Project.... 

Na caixa de dialogo New Project, selecione Web > Visual Studio 2012 > ASP.NET MVC 4 Web Application. 

Nomeie o projeto como AppCapituloS. Clique em OK. 

Em seguida, na caixa de combinagao View Engine, selecione o mecanismo de exibigao Razor. 
Adicione ao projeto o controlador HomeController. 

No diretorio Model s, crie e adicione entidades para um arquivo .edmx a partir do banco de 
dados Northwind. Siga os passos descritos no topico “4.3 ADO.NET Entity Framework 55 . 
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Ao diretorio Models acrescentamos a classe publica Employees com diversas propriedades: 


using System; 

using System.ComponentModel.DataAnnotations; 
namespace AlfredoLotar.Livro.AspnetMvc { 
public class Employees { 

[Key] 

public int EmployeelD { get; set; } 
public string FirstName { get; set; } 
public string LastName { get; set; } 
public DateTime BirthDate { get; set; } 
public int Idade { get; set; } 
public string Address { get; set; } 
public string City { get; set; } 
public string Cep { get; set; } 
public string Country { get; set; } 

} 

} 

8.2 Atributos 

Os atributos da namespace System.ComponentModel .DataAnnotations sao usados para formatar, 
validar e restringir as informa^oes armazenadas nas propriedades. 

Exemplo: 
using System; 

using System.ComponentModel.DataAnnotations; 
using System.Web.Mvc; 

namespace AlfredoLotar.Livro.AspnetMvc { 
public class Employees { 

[Key] 

public int EmployeelD { get; set; } 

[Required(ErrorMessage = "0 nome e obrigatorio.", AllowEmptyStrings = false)] 
[StringLength(10, MinimumLength = 3)] 

[Display(Name="Nome")] 

public string FirstName { get; set; } 

[Required(ErrorMessage = "0 sobrenome e obrigatorio.", AllowEmptyStrings = false)] 

[StringLength(20, MinimumLength = 3)] 

[Display(Name = "Sobrenome")] 
public string LastName { get; set; } 

[Required(ErrorMessage = "A data de nascimento e obrigatoria.", AllowEmptyStrings = false)] 
[DataT ype(DataType.Date)] 

[DisplayFormat(DataFormatString = "mm/dd/yy")] 

[Display(Name = "Data de nascimento")] 
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public DateTime BirthDate { get; set; } 

[Required(ErrorMessage = "A idade e obrigatoria.", AllowEmptyStrings = false)] 

[Range C18, 120 )] 

public int Idade { get; set; } 

[Requi red(ErrorMessage = "0 enderego e obrigatorio.", AllowEmptyStrings = false)] 

[Stri ngLength(60, MinimumLength = 3)] 

[Display(Name = "Enderego")] 
public string Address { get; set; } 

[Required(ErrorMessage = "0 nome da cidade e obrigatorio.", AllowEmptyStrings = false)] 
[StringLength(15, MinimumLength = 3)] 

[Display(Name = "Cidade")] 
public string City { get; set; } 

[Required(ErrorMessage = "0 Cep e obrigatorio.", AllowEmptyStrings = false)] 
[RegularExpression(@"A\d{5}-\d{3}S", ErrorMessage = "Digite urn Cep valido.")] 

public string Cep { get; set; } 

[Display(Name = "Pais")] 

public string Country { get; set; } 

[Required(ErrorMessage = "Informe uma senha.", AllowEmptyStrings = false)] 
[DataType(DataType.Password)] 

[Display(Name = "Senha")] 

public string Password { get; set; } 

[Required(ErrorMessage = "Redigite a sua senha.", AllowEmptyStrings = false)] 
[Compare("Password", ErrorMessage = 

"A nova senha nao coincide com a senha de confirma<;ao. Por favor, digite novamente.")] 
[DataType(DataType.Password)] 

[Display(Name = "Confirme a senha")] 
public string ConfirmarPassword { get; set; } 

} 

} 


Obs.: quando voce nao define uma mensagem de erro para um atributo, a mensagem 
de erro-padrao em ingles e usada. 

8.2.1 Atributo Required 

O atributo Requi red forga a entrada em determinado campo: 

[Required] 

public string FirstName { get; set; } 

O parametro ErrorMessage define uma mensagem de erro, enquanto o parametro 
AllowEmptyStrings determina se valores em branco sao permitidos: 

[Required(ErrorMessage="0 nome e obrigatorio.", AllowEmptyStrings = false)] 
public string FirstName { get; set; } 
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8.2.2 Atributo StringLength 

A quantidade de caracteres e limitada pelo atributo StringLength: 

[StringLength(10, MinimumLength = 3)] 
public string FirstName { get; set; } 

8.2.3 Atributo Display 

O atributo Display define o texto visivel de uma propriedade quando usada em um 
campo de formulario, por exemplo: 

[Display(Name="Nome")] 

public string FirstName { get; set; } 

Varios atributos podem ser aplicados em uma unica propriedade: 

[Required(ErrorMessage = "0 nome e obrigatorio.", AllowEmptyStrings = false)] 

[StringLength(10, MinimumLength = 3)] 

[Display(Name = "Nome")] 

public string FirstName { get; set; } 

Inclusive todos na mesma linha, separados por virgula: 

[Required(ErrorMessage = "0 nome e obrigatorio.", AllowEmptyStrings = false), StringLength(10, 
MinimumLength = 3), Display(Name = "Nome")] 
public string FirstName { get; set; } 

8.2.4 Atributo DataType 

O atributo DataType associa um tipo adicional a uma propriedade. Por exemplo, uma 
propriedade do tipo string pode ter um tipo adicional Password, tornando assim o 
conteudo da propriedade mais especifico: 

[DataType (DataType. Password)] 
public string Senha { get; set; } 

Os membros da enumeragao DataType sao: Custom, DateTime, Date, Time, Duration, PhoneNumber, 
Currency, Text, Html, MultilineText, EmailAddress, Password, Url, ImageUrl. 

8.2.5 Atributo DisplayFormat 

Com o atributo DisplayFormat e possivel aplicar um formato especifico a uma data: 

[DisplayFormat(DataFormatString = "mm/dd/yy")] 
public DateTime BirthDate { get; set; } 

Formatar um valor monetario: 

[DisplayFormat(DataFormatString = "{0:C}")] 
public decimal Price { get; set; } 
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Ou definir um texto qualquer para campos em branco: 

[DisplayFormat(Nul1DisplayText="[Nul1]")] 
public decimal Price { get; set; } 

8.2.6 Atributo Range 

O atributo Range aplica um intervalo a uma propriedade. Voce precisa definir o valor 
maximo e minimo do intervalo: 

[Range(18, 120)] 

public int Idade { get; set; } 

8.2.7 Atributo RegularExpression 

Para validagoes mais sofisticadas, mais especificas, use expressoes regulares e o atri¬ 
buto RegularExpression. 

Exemplo: 

[RegularExpression(@"A\d{5}-\d{3}$", ErrorMessage = "Digite um Cep valido.")] 
public string Cep { get; set; } 

Tome cuidado com parenteses em expressoes regulares. Leia o artigo “Ataques de 
negagao de servigo de expressao regular e defesas” publicado pela Microsoft. 

http://msdn. microsoft. com/pt-br/magazine/fif646973. aspx 

8.2.8 Atributo Compare 

O atributo Compare e novo no ASP.NET MVC e interessante, pois permite comparar o 
conteudo de duas propriedades. Por exemplo, a propriedade Password com a proprie¬ 
dade ConfirmarPassword: 

[Required(ErrorMessage = "Informe uma senha.", AllowEmptyStrings = false)] 

[DataType(DataType.Password)] 

[DisplayCName = "Senha")] 

public string Password { get; set; } 

[Required(ErrorMessage = "Redigite a sua senha.", AllowEmptyStrings = false)] 

[DataType(DataType.Password)] 

[Display(Name = "Confirme a senha")] 

[Compare("Password", ErrorMessage = 

"A nova senha nao coincide com a senha de confirmagao. Por favor, digite novamente.")] 
public string ConfirmarPassword { get; set; } 

O atributo Compare pertence a namespace System.Web. Mvc. 
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8.2.9 Atributo Remote 

0 atributo Remote foi introduzido no ASP.NET MVC 3. Voce pode usa-lo, por exemplo, 
para garantir que as informagoes de uma propriedade sejam exclusivas. Por exemplo, 
o Hotmail verifica o prefixo do e-mail que voce pretende criar. Do mesmo modo, 
voce pode usar o atributo Remote para verificar se determinada informagao existe ou 
nao no banco de dados. 

0 atributo Remote usa codigo criado pelo programador para validar uma propriedade, 
ou seja, voce define o que deve ser validado e como. 

Aseguir temos uma classe e um metodo de controlador que verifica se uma categoria 
ja foi cadastrada ou nao no banco de dados: 

using System.Linq; 
using System.Web.Mvc; 
using AppCapitulo8.Models; 
namespace AppCapitulo8.Controllers { 

public class CategoryController : Controller { 
private NorthwindDB db = new NorthwindDBO; 
public ActionResult Existe(string CategoryName) { 
try { 

var model = db.Categories.Where(c => c.CategoryName == CategoryName).FirstOrDefaultO; 
if (model != null) 

return Json(false, JsonRequestBehavior.AllowGet); 

else 

return ]son(true, JsonRequestBehavior.AllowGet); 

} 

finally { 

if (db != null) db.DisposeQ; 

} 

} 

} 

} 

Em seguida, aplicamos o atributo Remote a propriedade CategoryName: 

[Remote("Existe", "Category", HttpMethod="POST", ErrorMessage = "Categoria existe no BD.")] 
public string CategoryName { get; set; } 

Existe e o nome do metodo de controlador. Category e o nome do controlador. Os 
parametros seguintes definem o tipo de operagao e a mensagem de erro. Exemplo: 

using System.ComponentModel.DataAnnotati ons; 
using System.Web.Mvc; 

namespace AppCapitulo8.Models { 

[MetadataType(typeof(CategoryMetadata))] 
public partial class Category {} 
public class CategoryMetadata { 

[Required(ErrorMessage = "0 nome da categoria e obrigatorio.")] 
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[StringLength(15, MinimumLength = 3, 

ErrorMessage = "Digite no minimo 3 e no maximo 15 caracteres.")] 

[Display(Name = "Categoria")] 

[Remote("Existe n , "Category", HttpMethod="POST", 

ErrorMessage = "Categoria existe no BD.")] 
public string CategoryName { get; set; } 

[StringLength(150, MinimumLength = 0, 

ErrorMessage = "Digite no maximo 150 caracteres.")] 

[Display(Name = "Descrigao")] 
public string Description { get; set; } 

} 

} 

Obs.: o parametro usado pelo metodo de controlador Existe deve ser igual ao nome 
da propriedade ao qual o atributo Remote e aplicado. 

8.3 Valida^ao no diente 

Para ativar a validaqao no cliente e preciso incluir o trecho de codigo a seguir no 
arquivo web.config: 

<appSettings> 

<add key="ClientValidationEnabled" value="true"/> 

<add key="Unobtrusive]avaScriptEnabled" value="true"/> 

</appSettings> 

E incluir tres arquivos JavaScript na master page, layout page ou view: 

<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"x/script> 
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"x/script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"> 
</script> 

A chave UnobtrusiveJavaScriptEnabled determina que as regras sejam apresentadas em 
atributos HTML 5, ou seja, em letras minusculas, numeros e hifens e que os atributos 
usam j Query para executar a validaqao. 

A validaqao no cliente pode ser ativada ou desativada tambem em um metodo de 
controlador: 

HtmlHelper.ClientValidationEnabled = true; 

HtmlHelper.UnobtrusiveJavaScriptEnabled = true; 

Ou em um view ou master page com os metodos EnableClientValidation e 
EnableUnobtrusiveJavaScript: 

<%Html.EnableClientValidation(); %> 

<%Html.EnableUnobtrusiveJavaScriptQ; %> 
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<% using (Html .BeginFormO) { %> 

<%: Html.ValidationSummary(true) %> 

<fieldset> 

</fieldset> 

<% } %> 

No navegador voce pode ver o codigo-fonte da pagina e os campos contendo os 
atributos com as regras de validagao no cliente: 

<div class="editor-field"> 

<input class="text-box single-line" data-vaVtrue" 

data-val-required="The BirthDate field is required." id="BirthDate" name="BirthDate" 
type="text" value="" /> 

<span class="field-validation-valid" data-valmsg-for="BirthDate" data-valmsg-replace="true"> 
</span> 

</div> 

Os atributos com as regras de validagao possuem o prefixo data-val. 

Obs.: a validagao no cliente nao substitui a validagao no servidor. Use sempre 
Model State.IsVal id no metodo de controlador, pois a validagao no cliente pode ser 
facilmente contornada. 

8.4 Exibindo mensagens de erro 

OASP.NET MVC possui alguns HTML helpers que facilitam a exibigao de mensagens 
de erro em um formulario, por exemplo. O metodo Validati onSummary exibe uma lista de 
campos com erros. Para ativa-lo basta declara-lo no inicio do formulario: 

fusing (Html .BeginFormO) { 

@Html.ValidationSummary(false, "Ocorreram erros no formulario. Por favor, corrija os erros 
e tente novamente.") 

<fieldset> 

<legend>Funcionarios</legend> 

<div class="editor-label"> 

@Html.LabelFor(model => model.FirstName) 

</div> 

<div class="editor-field"> 

@Html.EditorFor(model => model.FirstName) 

</div> 

<div class="editor-label"> 

@Html.LabelFor(model => model.LastName) 

</div> 

<div class="editor-field"> 

@Html.EditorFor(model => model.LastName) 

</div> 


<div class="editor-1abel"> 
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@Html.LabelFor(model => model.BirthDate) 

</div> 

<div class= n editor-field"> 

@Html.EditorFor(model => model.BirthDate) 

</div> 

<div class= ,! editor-laber , > 

@Html.Label For(model => model.Idade) 

</div> 

<div class="editor-field"> 

@Html.EditorFor(model => model.Idade) 

</div> 

<div class="editor-label"> 

@Html.LabelFor(model => model.Address) 

</div> 

<div class="editor-field"> 

@Html.EditorFor(model => model.Address) 
</div> 

<div class="editor-label"> 

@Html.LabelFor(model => model.City) 

</div> 

<div class="editor-field"> 

@Html.EditorFor(model => model.City) 
</div> 

<div class="editor-label n > 

@Html.LabelFor(model => model.Cep) 

</div> 

<div class="editor-field"> 

@Html.EditorFor(model => model.Cep) 

</div> 

<div class="editor-label"> 

@Html.LabelFor(model => model.Country) 
</div> 

<div class= n editor-field”> 

@Html.EditorFor(model => model.Country) 

</div> 

<P> 

cinput type="submit" value="Create" /> 

</p> 

</fieldset> 

} 


A saida voce observa na figura 8.1: 
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Create - Alfredo Lotar |^T|[n |fj<] 


^4 ' * IL localhost y| |||j A 
Arguivo Editar Exibir Favoritos Ferrarnentas Ajuda 
Favoritos m Create 1 

Ocorreram err os no fbnnulario. Por favor, corrija 
| os err os e tente novamente. 

• O nome e obrigatorio. 

• O sobrenome e obrigatorio. 

• A data de nascimento e obrigatoria. 

• A idade e obrigatoria. 

• O enderef o e obrigatorio. 

• O nome da cidade e obrigatorio. 

• O Cep e obrigatorio. 

Fimcionarios 

Nome 

B .'.1 

Sobrenome 


Data de nascimento 


Idade 


I Intranetjoc^ 

Figura 8.1 - Mensagens de erro exibidas pelo metodo ValidationSummary. 

8.4.1 Mensagens de erro com ValidationMessage 

0 metodo ValidationSummary exibe as mensagens de todos os controles no topo do 
formulario, enquanto o metodo ValidationMessage exibe a mensagem de erro ao lado 
do controle-alvo: 

@Html.EditorFor(model => model.FirstName) 

@Html.ValidationMessage("FirstName") 

0 segundo parametro content a mensagem de erro ou de orientagao: 

@Html.ValidationMessage("FirstName", "Digite o seu nome.") 

Quando voce exibe todas as mensagens de erro no topo do formulario, marque os 
campos com erro com um caractere de asterisco. Exemplo: 

@using (Html .BeginFormO) { 

@Html.Val idationSummary(false, 

"Ocorreram erros no formulario. Por favor, corrija os erros e tente novamente.") 

<fieldset> 

<1egend>Employees</legend> 

<div class="editor-label"> 
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@Html.LabelFor(model => model.FirstName) 

</div> 

<div class="editor-field"> 

@Html.EditorFor(model => model.FirstName) 
@Html.ValidationMessage("FirstName", "*") 

</div> 

</fieldset> 

} 

Se preferir, use o metodo TextBox ou TextBoxFor: 

@Html.TextBoxFor(model => model.FirstName) 

@Html.ValidationMessage("FirstName", "*") 



8.4.2 Mensagens de erro com ValidationMessageFor 

O metodo ValidationMessageFor usa expressoes lambda. A sua sintaxe e: 
@Html.ValidationMessageFor(ExpressaoLambada, Mensagem) 

Exemplo: 

@Html.ValidationMessageFor(model => model.FirstName, "*") 
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Obs.: a mensagem de erro ou o caractere de asterisco devem ser usados em conjunto 
com as folhas de estilo abordadas no topico: “Aplicando folhas de estilos CSS” 

8.4.3 Aplicando folhas de estilo CSS 

Quando criamos uma nova aplica^ao ASP.NET MVQ e acrescentado o arquivo Site, 
css ao diretorio Content com os seguintes seletores CSS de validagao: 

.field-validation-error { 
color: #ff0000; 

} 

.field-validation-valid { 
display: none; 

} 

.input-validation-error { 
border: lpx solid #ff0000; 
background-color: #ffeeee; 

} 

.validation-summary-errors { 
font-weight: bold; 
color: #ff0000; 

} 

.validation-summary-valid { 
display: none; 

} 

Para aplica-los aos campos do formulario, basta inserir a linha a seguir ao view: 

<1 ink href="@Url .Content("~/Content/Site.css ,, ) H reVstylesheet" type="text/css"/> 

Exemplo: 

<html> 

<head> 

<title>@ViewBag.Title</title> 

<1 ink href="@Url.Content("~/Content/Site.css n ) H rel="stylesheet" type="text/css"/> 
</head> 

<!--Restante do codigo HTML—> 

8.5 Data Annotations Extensions 

O projeto Data Annotations Extensions acrescenta 11 atributos de validagao adicionais, 
conforme lista a seguir: 

• CreditCard 


Date 
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• Digits 

• Email 

• EqualTo 

• FileExtensions 

• Integer 

• Max 

• Min 

• Numeric 

• Url 

Obtenha mais informagoes sob re o projeto Data Annotations Extensions no website: 
http://dataannotationsextensions.org/ 

E necessario instalar o Data Annotations Extensions a partir do Visual Studio 2010. Clique 
com o botao direito do mouse em References e selecione Manage NuGet Packages..., Observe 
a figura 8.3. 

Conecte o computador a Internet, em seguida, na caixa de dialogo Manage NuGet Packa¬ 
ges..., procure por DataAnnotationsExtensions e instale o projeto DataAnnotationsExtensions. 
MVC3. Observe a figura 8.4. 

Obs.: antes de instalar o Data Annotations Extensions verifique se o seu computa¬ 
dor possui o Windows Power Shell 2.0. Caso contrario, instale-o a partir do website 
da Microsoft. 

Apos a instalagao do projeto DataAnnotationsExtensions.MVC3, aplique os atributos as pro- 
priedades, conforme o exemplo a seguir: 

public class Clientes { 

[Email(ErrorMessage = "Digite urn e-mail valido.")] 

[Required(ErrorMessage = "E-mail e obrigatorio.")] 
public string Email { get; set; } 

[CreditCard(ErrorMessage="Digite urn numero de cartao de credito valido.")] 
public string CartaoCredito { get; set; } 

[Url(ErrorMessage = "Digite uma URL valida,")] 
public string Website { get; set; } 

[FileExtensions("png|jpg|jpeg|gif", ErrorMessage = "Extensoes permitidas: 

png | jpg | jpeg | gif')] 

public string Foto { get; set; } 
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AppCapitUloS - Microsoft Visual St... ^ ( Quick Launch (Ct rl+Q) 

FILE EDIT VIEW PROJECT DEBUG TEAM TOOLS TEST WINDOW HELP 
^ * J IQ t- '' liP j »•* * S ► Google Chrome . 5 * j Debug H 


Alfredo lotar 


Solution Explorer 


■ cApplicationl.Controilers.Hot ContactQ 
using System; 

using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.five; 


Search Solution Explorer (Ctr!+ P ' 

Solution 'AppCapituloS' (1 proj 

a AppCapituloS 
> P Properties 


El namespace MvcApplicatj 


Service References 
M App_Data 

> App_Start 

> Content 

> S Controllers 

> Wk Filters 

> Images 

> Models 

> Scripts 

|> Views 

13 favicon.ico 
t> ©3 Global.asax 
£3 packages.config 

> £3 Web.config 


Add Reference... 

Add Service Reference... 
IS Manage NuGet Packages 


Scope to This 

|§P New Solution Explorer View 


ViewBag.N 


return View() 


public Action Result About() 


ViewBag.Message = "Your app descriptioi 


return View() 


public ActionResult Contact() 


Solution. 


Figura 83 - Passos para adicionar o Data Annotations Extensions. 


t> Installed packages 

a Online 


DataAnnotaticnsExtensions.MVC3 


Sort by: | Relevance 


Created by: Scott Kirkland 

Id: DataAnnotationsExtensions.MVC: 

Version: 1.1.0.0 

Last Published: 05/05/2012 

Downloads: 144710 


Validation attributes that extend Data 
Annotations and provide integrated server a.. 


nuget.org 

Microsoft and .NET 


DataAnnotationsExtenskms 

Validation attributes that can be used in any .NET 4.0 project to 
supplement the existing Data Annotations attributes. 


Validation attributes that extend Data 
Annotations and provide integrated server 
and client side validation (using unobtrusive 
jquery validation). 

Tags: ASP.NET Validation MVC MVC3 
Dependencies: 

DataAnnotationsExtensions (> 1.1.0.0) 
WebActivator (> 1.2.0.0) 

Each item above may have sub- 
dependencies subject to additional Ecense 
agreements. 


Each package is licensed to you by its 
owner. Microsoft is not responsible 
for, nor does it grant any licenses to, 
third-party packages. 


Figura 8.4 - Caixa de dialogo Add Library Package Reference. 
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8.6 Atributos personalizados 

Se os atributos abordados ate o momento nao satisfazem aos requisitos da sua 
aplicagao, crie um atributo personalizado. Por exemplo, uma aplicagao geralmente 
tern uma tabela com um campo denominado Cep. Podemos validar e verificar uma 
propriedade Cep com um atributo personalizado. 

O atributo personalizado e derivado da classe ValidationAttribute e aplicado a proprie- 
dades e campos: 

[Attributelisage(AttributeTargets.Property | AttributeTargets.Field, AllowMultiple = false)] 
sealed public class CepAttribute : ValidationAttribute {} 

No metodo construtor definimos a mensagem de erro padrao: 

public CepAttributeO : base("Digite um cep valido. Ex.: 96100-000") {} 

Em seguida, modificamos o metodo IsValid e adicionamos a logica de validagao. O 
metodo IsValid retorna true se a validagao for bem-sucedida. 

public override bool IsValid(object value) { 
bool resultado = true; 

// Restante do codigo; 
return resultado; 

} 

Exemplo: 

public override bool IsValid(object value) { 
var cep = (string)value; 
return Regex.IsMatch(cep, @"A\d{5}-\d{3}$"); 

} 

Observe a seguir o codigo completo do atributo CepAttribute: 

using System; 

using System.ComponentModel.DataAnnotations; 
using System.Text.RegularExpressions; 

namespace AppCapitulo8.Models { 

[AttributeUsage(AttributeTargets.Property | AttributeTargets.Field, AllowMultiple = false)] 
sealed public class CepAttribute : ValidationAttribute { 

public CepAttributeO : base("Digite um cep valido. Ex.: 96100-000") {} 
public override bool IsValid(object value) { 
var cep = (string)value; 
return Regex.IsMatch(cep, @" A \d{5}-\d{3}$"); 

} 

} 

} 
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Se necessario, modifique outros membros da classe ValidationAttribute. Por exemplo, 
formate a mensagem de erro: 

public override string FormatErrorMessage(string name) { 

return String.Format(CultureInfo.CurrentCulture, ErrorMessageString, name); 

} 

8.6.1 Valida^ao do lado do cliente 

Os atributos do ASP.NET MVC aplicam validagao do lado do cliente e do servidor. 
Quando criamos os nossos proprios atributos de validagao, podemos fazer o mesmo. 

O atributo CepAttribute criado anteriormente valida os dados somente no servidor. 
Para que a validagao acontega tambem do lado do cliente, implementamos a interface 
IClientValidatable: 

sealed public class CepAttribute : ValidationAttribute, IClientValidatable {....} 

Em seguida, criamos a classe Model Cl ientValidationCepRule que herda as fungoes de 
Model ClientValidationRule: 

public class Model ClientValidationCepRule : Model ClientValidationRule { 
public ModelClientValidationCepRule(string errorMessage) { 
base.ErrorMessage = errorMessage; 
base.ValidationType = "cep"; 

} 

} 

A classe CepAttribute implementa o metodo GetClientValidationRules e a classe 
Model ClientValidationCepRule; 

public IEnumerable<ModelClientValidationRule> CetClientValidationRules(ModelMetadata metadata, 
ControllerContext context) { 

yield return new ModelClientValidationCepRule(FormatErrorMessage(metadata.GetDisplayName())); 

} 

Exemplo: 

using System; 

using System.Col 1ections.Generic; 

using System.ComponentModel.DataAnnotations; 

using System.Globalization; 

using System.Text.RegularExpressions; 

using System.Web.Mvc; 

namespace AppCapitulo8.Models { 

[AttributeUsage(AttributeTargets.Property | AttributeTargets.Field, AllowMultiple = false)] 
sealed public class CepAttribute : ValidationAttribute, IClientValidatable { 
public CepAttribute() : base("Digite urn cep valido. Ex.: 96100-000") { } 
public override bool IsValid(object value) { 
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var cep = (string)value; 

return Regex.IsMatch(cep, @" A \d{5}-\d{3}$"); 

} 

public IEnumerable<ModelClientValidationRule> 

GetClientValidationRules(ModelMetadata metadata, ControllerContext context) { 

yield return new ModelClientValidationCepRule(FormatErrorMessage(metadata.GetDisplayName())); 

} 

} 

} 

No arquivo Scripts\ValidationCep. js temos a logica de validagao do lado do cliente: 

(function (S) { 

$.validator.addMethod( 

"Cep", 

function (value, element) { 

var cepPattern = /A\d{5}-\d{3}$/; 

return (lvalue && this.optional(element)) || cepPattern.test(value); 

}, 

"Digite urn cep valido. Ex.: 96100-000"); 

S.validator.unobtrusive.adapters.addBool("Cep"); 

} (jQuery)); 

Obs.: Cep e o prefixo do atributo. 

8.6.2 Aplicando o atributo personalizado 

A implementagao do atributo personalizado e simples. Exemplo: 

public class Clientes { 

[Cep(ErrorMessage = "Digite urn cep valido.")] 
public string Cep { get; set; } 

} 

No view e declarado o arquivo ValidationCep.js que contem as regras de validagao do 
lado do cliente: 

<script src="@Url.Content("~/Scripts/ValidationCep.js")" type="text/javascript"></script> 

Exemplo: 

<!DOCTYPE html> 

<html> 

<head> 

<title>Create</titl e> 

<script src="@Url,Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"> 
</script> 

<script src="@Url.Content("-/Scripts/]query.validate.min.js")" type="text/javascript"> 

</script> 
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<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" 
type="text/javascript"x/script> 

<script src="@Url.Content("-/Scripts/ValidationCep.js")" type="text/javascript"></script> 
<link href="@Url .Content("~/Content/Site.css")" rel="stylesheet" type="text/css"/> 
</head> 

<body> 


</body> 

</html> 

8.7 Validando propriedades do AD0.NET Entity Framework 

Para validar as propriedades de uma classe do ADO.NET Entity Framework crie uma 
nova classe parti al com o mesmo nome e sob a mesma namespace (importantissimo isso) : 

using System.ComponentModel.DataAnnotations; 
namespace AppCapitulo8.Models { 
public partial class Category {} 

} 

Defina o atributo MetadataType: 

[MetadataType(typeof(Catego ryMetadata))] 
public partial class Category {} 

A classe CategoryMetadata contem as propriedades com os atributos de validagao e 
formatagao: 

public class CategoryMetadata { 

[Display(Name = "Categoria")] 

public string CategoryName { get; set; } 

} 

Exemplo: 

using System.ComponentModel.DataAnnotations; 
namespace AppCapitulo8.Models { 

[MetadataType(typeof(CategoryMetadata))] 
public partial class Category {} 

public class CategoryMetadata { 

[Required(ErrorMessage = "0 nome da categoria e obrigatorio.")] 

[StringLength(15, MinimumLength = 3, 

ErrorMessage = "Digite no minimo 3 e no maximo 15 caracteres.")] 

[Display(Name = "Categoria")] 

public string CategoryName { get; set; } 
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[StringLength(150, MinimumLength = 0, 

ErrorMessage = "Digite no maximo 150 caracteres.")] 
[Display(Name = "Descrigao")] 
public string Description { get; set; } 

} 

} 


Obs.: repita o processo para as demais classes,ou seja,crie uma classe partial e outra 
com o sufixo Metadata para cada classe do ADO.NET Entity Framework. 

8.8 Validagao com ModelState 

O metodo AddModelError tambem exibe mensagens de erro. Observe o codigo a seguir: 

public ActionResult CreateQ { 
return View(); 

} 

[HttpPost] 

public ActionResult Create(Employees entidade) { 

if (string.IsNullOrWhiteSpace(entidade.FirstName) || !Regex.IsMatch(entidade.FirstName, 
@" A [_a-zA-Z\s]{3,10}S")) { 

ModelState.AddModelError("FirstName", "0 nome e obrigatorio."); 

} 

if (string.IsNullOrWhiteSpace(entidade.LastName) || !Regex.IsMatch(entidade.LastName, 
@" A [_a-zA-Z\s]{3,20}S")) { 

Model State.AddModelError("LastName", "0 sobrenome e obrigatorio.”); 

} 

if (!Model State.IsValid) { 

Model State.AddModelError("", 

"Ocorreram erros no formulario. Por favor, corrija os erros e tente novamente."); 

} 

return Vi ew(); 

} 

Voce pode exibir a mensagem de erro ao lado do campo do formulario: 

Model State.AddModelError("FirstName", "0 nome e obrigatorio."); 

E uma mensagem generica no topo do formulario: 

Model State. AddModel Error( ,,n , 

"Ocorreram erros no formulario. Por favor, corrija os erros e tente novamente."); 

Observe a figura 8.5: 
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Figura 8.5 - Validagao com ModelState. 

Obs.: se voce define regras de validagao em uma propriedade e tambem com 
ModelState, as mensagens de erro definidas na propriedade sao exibidas no formu- 
lario. 


8.9 Internacionaliza^ao de mensagens de erro 

Quando voce nao define uma mensagem de erro para um atributo de validagao, a ver- 
sao em ingles e usada. Para exibir a mensagem em portugues, defina-a explicitamente. 

Se a aplicagao necessita exibir mensagem de erro em varios idiomas, use arquivos de 
recursos. Um para cada idioma. 

O arquivo de recursos carregado pela aplicagao e determinado pelo nome da cultura 
formado pelo padrao: 

<CodigoDoIdioma>-<Pais/CodigoDaRegiao> 

De modo que o CodigoDoIdioma e composto de duas letras minusculas, e o Pais/ 
CodigoDaRegiao e composto de duas letras maiusculas. 

Exemplo: 

en-US 

pt-BR 

es-UY 
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A seguir, listamos os nomes de algumas culturas predefinidas: 


Nome da cultura 
(culture name) 

Idioma - Pais/Regiao 

en-US 

Ingles- EUA 

en-CA 

Ingles-Canada 

en-AU 

Ingles-Australia 

pt-BR 

Portugues-Brasil 

pt-PT 

Portugues - Portugal 

es-AR 

Espanhol - Argentina 

es-UY 

Espanhol-Uruguai 

de-DE 

Alemao-Alemanha 

zh-CN 

Chines-China 

ja-JP 

Japones — Japao 


8.9.1 Resource files - arquivos de recursos 

Os arquivos de recursos sao utilizados para exibir o conteudo apropriado para o 
usuario no seu proprio idioma. Um website pode ser formatado para exibir conte¬ 
udo em multiplos idiomas. Assim, voce cria um arquivo de recursos que contem as 
legendas dos controles, as mensagens de erro, as imagens e o conteudo em geral no 
idioma ingles, bem como outro arquivo de recursos que contem o mesmo conteudo 
em portugues. 

O conteudo pode ser exibido com base no idioma configurado no computador do 
usuario ou de forma explicita pelo proprio usuario. 

Um arquivo de recursos (.resx) e um arquivo no formato XML que contem strings que 
podem ser traduzidas em diferentes idiomas. Voce pode criar um arquivo de recursos 
para cada idioma suportado pelo website. Em tempo de execuqao, esse arquivo .resx 
e compilado em um assembly. Assemblies que tern somente arquivos de recursos sao 
chamados de satellite assemblies. 

Podemos criar um arquivo de recursos global, o qual pode ser lido a partir de qual- 
quer pagina. Esse arquivo deve ser colocado no diretorio reservado App_Global Resources 
e nomeado da seguinte forma: 

nome.resx 

nome.idioma.resx 

nome.idioma-cultu ra.resx 

Exemplo: 

Default.resx 
Default.pt.resx 
Default.pt-br.resx 
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Para criar e usar um arquivo de recursos, siga os seguintes passos: 

• Abra o Visual Studio e crie um novo projeto. 

• Na janela Solution Explorer, clique com o botao direito do mouse no nome do 
projeto e selecione a opqao Add ASP.NET Folder; em seguida, selecione a opqao 

App Global Resources. 

• Clique com o botao direito do mouse em App_GlobalResources e acesse New Item..., 

• Na caixa de dialogo Add New Item, selecione Resources File. Utilize o nome-padrao 
Resourcel. resx. Repita os passos anteriores e adicione tambem o arquivo Resourcel. 
en-us.resx. 


• De um duplo clique no arquivo de recursos criado. Em seguida, preencha os 
campos Name e Value. 

Observe a figura 8.6: 



Strings ” _j Add Resource ’ A Remove Resource 


Name Value 

CategoryNameRequerido \ O nome da categoria e obrigatorio, 

DescriptionTamanho j Digite no maximo 150 caracteres. 


Comment 



ikd Strings ^ j Add Resource ^ X Remove Resource 


Value 


Name 


i Comment 


CategoryNameRequ! The CategoryName field is required 

~ . .. T , The field Description must be a string with a 

escrip ion amcjn o m j n j mum length of 0 and a maximum length of 


Figura 8.6 - Arquivos de recursos com conteudo em portugues e ingles. 


8.9.2 Determine a cultura 

Para que o ASP.NET MVC possa exibir o arquivo de recursos correto, e necessario 
que voce utilize um mecanismo para identificar o idioma utilizado pelo usuario. 
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Esse mecanismo pode ser manual — o usuario seleciona o idioma do website clicando 
em um link. Ou o ASP.NET MVC pode detectar o idioma usado pelo computador 
do usuario por intermedio de um filtro de agao ou do arquivo Global .asax definindo o 
metodo ApplicationJBeginRequest, o qual e invocado pelo evento BeginRequest: 

protected void Application_BeginRequest(Object sender, EventArgs e) { 
if (Request.UserLanguages != null) { 

Thread.CurrentThread.CurrentCulture = 

Culturelnfo.CreateSpecificCulture(Request.UserLanguages[0]); 

Thread.CurrentThread.CurrentUICulture = Thread.CurrentThread.CurrentCulture; 

} 

else { 

Thread.CurrentThread.CurrentCulture = new CultureInfo("pt-BR"); 

Thread.CurrentThread.CurrentUICulture = Thread.CurrentThread.CurrentCulture; 

} 

} 

Exemplo: 

using System; 

using System.Globalization; 
using System.Threading; 
using System.Web.Mvc; 
using System.Web.Routing; 

namespace AppCapitulo8 { 

public class MvcApplication : System.Web.HttpApplication { 

public static void RegisterGlobalFilters(GlobalFilterCollection filters) { 
filters.Add(new HandleErrorAttributeO); 

} 

public static void RegisterRoutes(RouteCollection routes) { 
routes. IgnoreRoute("{resource}.axd/{*pathInfo}"); 

routes.MapRoute( 

"Default", 

"{controller}/{action}/{id}", 

new { controller = "Home", action = "Index", id = UrlParameter.Optional } 

); 

} 

protected void Application_Start() { 

AreaRegi stration. Regi sterAl 1 AreasQ; 

Registe rClobalFi1ters(G1obalFi1ters.Fi1ters); 

RegisterRoutes(RouteTable.Routes); 

} 
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protected void Application_BeginRequest(Object sender, EventArgs e) { 
if (Request.UserLanguages != null) { 

Th read.Cu r rentTh read.Cu rrentCultu re = 

Culturelnfo.CreateSpecificCulture(Request.UserLanguages[0]); 

Thread.CurrentThread.CurrentUICulture = Thread.CurrentThread.CurrentCulture; 

} 

else { 

Thread.CurrentThread.CurrentCulture = new CultureInfo("pt-BR"); 

Thread.CurrentThread.CurrentUICulture = Thread.CurrentThread.CurrentCulture; 

} 

} 

} 

} 

A propriedade CurrentCul ture e definida com uma cultura predefinida, enquanto a pro- 
priedade CurrentUICulture determina qual arquivo de recursos sera carregado pela pagina. 

A cultura pode ser definida tambem no arquivo de configuragao web.config: 

<?xml version="1.0"?> 

<configuration> 

<system.web> 

<globalization 

culture="pt-BR" 

uiCulture="pt-BR" 

/> 

</systetn.web> 

</configuration> 

8.9.3 Como aplicar mensagens de erro a uma propriedade 

Quando uma aplicagao e projetada para exibir mensagens em um unico idioma decla- 
ramos as mensagens de erro nas propriedades de forma explicita no idioma desejado: 

[Required(ErrorMessage = "0 nome da categoria e obrigatorio.")] 
public string CategoryName { get; set; } 

Ou de forma implicita para usuarios de lingua inglesa: 

[Required] 

public string CategoryName { get; set; } 

Aplicagoes que leem mensagens de erro a partir de arquivos de recursos definem 
as propriedades ErrorMessageResourceName e ErrorMessageResourceType. ErrorMessageResourceName 
content a chave relacionada a mensagem de erro. E ErrorMessageResourceType determina 
o nome do arquivo de recursos carregado. 
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Exemplo: 

[Requi red(ErrorMessageResourceType = typeof (Resource!.), 

ErrorMessageResourceName = "CategoryNameRequerido")] 

public string CategoryName { get; set; } 

Para exibir o conteudo de uma chave em um view, use: 

©Resources.Resoureel.CategoryNameRequerido 

A mesma sintaxe se aplica quando elaboramos links: 

©Html.ActionLink(Resources.Resourcel.Button, "Create") 

8.9.4Testando a aplicagao 

Para testar a aplicagao, acesse o painel de controle do Windows e altere o idioma e 
pais na caixa de dialogo Opgoes regionais e de idioma. Mude para Ingles (Estados 
Unidos). Observe a figura 87: 


Opgoes regionais e de idioma 


Opfoes regionais j idiomas j| Avangado j 


Padroes e formatos 

Esta opgao afeta a maneira como alguns programas formatarn numeros, 
unidades rnonetarias, horarios e datas. 

Selecione um item correspondente a suas preferences ou clique em 
'Personalizar' para escolher seus proprios formatos: 


{ (Personalizar...] 


Exemplos 

Numero: 

Unidade 

monetaria: 

Hora: 

Data 

abreviada: 
Data por 
extenso: 


Local 


123,456,789.00 


j $123,456,789.00 


i 4:59:18 PM 


2/8/2011 


| Tuesday, February 08, 2011 


Para ajudar os servifos a fornecer-lhe informafoes locais, como 
noticias e meteorologia, selecione seu local atual: 

i Brasil 


I OK | [ Cancelar ] [ Aplicar ] 


Figura 8.7 - Caixa de dialogo opgdes regionais e de idioma. 

Rode a aplicagao e veja a diferenga entre as mensagens de erro. Observe as figuras 
8.8 e 8.9: 











localhost: 


Arguivo Editar Exibir Favoritos Ferramentas Ajuda 


# Favoritos j ^ & -ite; 
j|f Create 


jgl HotMail gratuito 


O nome da categoria e obrigatorio 


Descrigao 


Create, 


% Intranet local 


localhost v 


Arguivo Editar Exibir Favoritos Ferramentas Ajuda 
# Favoritos (gj Sites Sugeridos - HotMail gratuito 

Create ■ • j i 


CategoryName 


The CategoryNarne field is required 


Description 


Create; 


’?j|® Intranet local 


Fzgura 8.9 - Mensagens de erro em ingles. 
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Nova categoria 


Figura 8.8 - Mensagens de erro em portugues. 


Nova categoria 
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Filtros de a$ao 


Filtro de agao e um atributo anexado a uma classe oil metodo de controlador inje- 
tando codigo extra antes ou apos o metodo de controlador ser executado, ou antes, 
e apos o resultado da agao ser retornado. 

O ASP.NET MVC possui oito filtros de agao predefinidos: 

• AuthorizeAttribute 

• RequireHttpsAttribute 

• OutputCacheAttribute 

• HandleErrorAttribute 

• AsyncTimeoutAttribute 

• ChildActionOnlyAttribute 

• ValidatelnputAttribute 

• ValidateAntiForgeryTokenAttribute 

Os filtros de agao predefinidos e os filtros de agao personalizados implementam 
varias interfaces. 

A seguir listamos as interfaces usadas pelos filtros de agao: 

• IAuthorizationFilter 

• IActionFilter 

• IResultFilter 

• IExceptionFilter 

9.1 Filtros de autoriza^ao 

Os filtros de autorizagao tomam decisoes de seguranga sobre a execugao de um metodo 
de controlador e sao derivados da classe FilterAttribute e da interface IAuthorizationFilter. 

Os filtros de agao derivados da classe FilterAttribute sao executados antes do metodo 
de controlador ser executado. 
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Exemplos de filtros de autorizagao do ASP.NET MVC: 

• AuthorizeAttribute 

• RequireHttpsAttribute 

• ValidatelnputAttribute 

• ValidateAntiForgeryTokenAttribute 

• ChiIdActionOnlyAttribute 

9.2 Filtros de a$ao 

Implementam IActionFilter. Ainterface IActionFilter possui dois metodos: OnActionExecuting 
e OnActionExecuted. 

OnActionExecuting e executado antes do metodo de controlador. OnActionExecuted e execu- 
tado apos o metodo de controlador. 

9.3 Filtros de resultado 

Implementam IResultFiIter. Ainterface IResultFilter possui dois metodos: OnResultExecuting 
e OnResultExecuted. 

OnResultExecuting e executado antes do resultado da agao. OnResultExecuted e executado 
apos o resultado da agao. 

O atributo OutputCacheAttribute e um exemplo de filtro de resultado. 

9.4 Filtros de excegoes 

Implementam a interface IExceptionFilter e sao executados quando uma excegao ocorre. 

O atributo HandleErrorAttribute e um exemplo de filtro de excegao, pois e derivado de 
Fi 1 terAtt ri bute e implementa IExceptionFilter. 

9.5 Desenvolvendo uma nova aplica^ao 

Para testar os exemplos deste capitulo, inicie o Visual Studios. Acesse o menu File e 
clique em New Project..., 

Na caixa de dialogo New Project, selecione Web > Visual Studio 2012 > ASP.NET MVC 4 Web Application. 
Nomeie o projeto como AppCapitulo9. Clique em OK. 

Em seguida, na caixa de combinagao View Engine, selecione o mecanismo de exibigao 

Razor. 

Adicione ao projeto o controlador HomeController. 
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9.6 Criando um filtro de a$ao personalizado 

Geralmente, um filtro de agao personalizado e derivado de ActionFilterAttribute, mas 
pode ser derivado tambem de FilterAttribute como AuthorizeAttribute. 

Adiferenga esta no momento de execugao. Os filtros de agao derivados de FilterAttribute 
sao executados sempre antes do metodo de controlador. Util quando verificagdes de 
seguranga sao necessarias. 

Os filtros de agao personalizados derivados de ActionFilterAttribute sao executados: 

• Imediatamente antes da execugao do metodo de controlador. 

• Imediatamente apos a execugao do metodo de controlador. 

• Imediatamente antes do resultado do metodo de controlador. 

• Imediatamente apos o resultado do metodo de controlador. 

Observe a seguir a declaragao da classe ActionFilterAttribute: 

[AttributeUsageAttribute(AttributeTargets.Class|AttributeTargets.Method, Inherited = true, 
AllowMultiple = false)] 

public abstract class ActionFilterAttribute : FilterAttribute, IActionFiIter, IresultFilter { 
public virtual void OnActionExecuted(ActionExecutedContext filterContext); 
public virtual void OnActionExecuting(ActionExecutingContext filterContext); 
public virtual void OnResultExecuted(ResultExecutedContext filterContext); 
public virtual void OnResultExecuting(ResultExecutingContext filterContext); 

} 

Para adicionar um novo filtro de agao personalizado ao projeto, adicione ao diretorio 
Models uma nova classe. Exemplo: MessageFilterAttribute.es 

Ao clicar em Add o codigo a seguir e adicionado ao arquivo MessageFilterAttribute.es: 
using System; 

using System.Col lections.Generic; 
using System.Linq; 
using System.Web; 

namespace AppCapitulo9.Models { 

public class MessageFilterAttribute { 

} 

} 

Altere o codigo gerado. A classe MessageFilterAttribute e derivada de ActionFilterAttribute: 

using System; 

using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.Mvc; 
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namespace AppCapitulo9.Models { 

public class MessageFilterAttribute: ActionFilterAttribute { 

} 

} 

Em seguida, substitua os metodos OnActionExecuted, OnActionExecuting, OnResultExecuted e 
OnResultExecuting. Voce nao precisa escrever codigo para todos os metodos. Exemplo: 

public string Mensagem { get; set; } 

public override void OnActionExecuting(ActionExecutingContext filterContext) { 
fi1terContext.HttpContext.Response.Write(Mensagem); 

} 

Alinha: 

fi1terContext.HttpContext.Response.Write(Mensagem); 

Pode ser substituida por: 

filterContext.Result = new ContentResult { 

Content = Mensagem, 

ContentEncoding = System.Text.Encoding.UTF8 

}; 

Exemplo: 

using System; 

using System.Col lections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.Mvc; 
namespace AppCapitulo9.Models { 

public class MessageFilterAttribute: ActionFilterAttribute { 

public string Mensagem { get; set; } 

public override void OnActionExecuting(ActionExecutingContext filterContext) { 
filterContext.Result = new ContentResult { 

Content = Mensagem, 

ContentEncoding = System.Text.Encoding.UTF8 

}; 

} 

} 

} 

Caso o metodo retorne um tipo bool invoque o metodo da classe-base. 
base.OnActionExecuting(fi 1terContext); 

Exemplo: 

namespace AppCapitulo9.Models { 

public class MessageFilterAttribute: ActionFilterAttribute { 
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public string Mensagem { get; set; } 

public override void OnActionExecuting(ActionExecutingContext filterContext) { 
if (filterContext.HttpContext.Request.IsSecureConnection) { 
filterContext.Result = new ContentResult { 

Content = Mensagem, 

ContentEncoding = System.Text.Encoding.UTF8 

}; 

} 

base.OnActionExecuting(fi1terContext); 

} 

} 

} 

Apos compilar a aplicagao, aplicar o filtro de agao ao metodo de controlador e facil. 
Declare a namespace no topo: 

using AppCapitulo9.Models; 
namespace AppCapitulo9.Controllers { 

public class HomeController : Controller {} 

} 

Em seguida, aplique o filtro de agao e defina os parametros, se necessario: 

public class HomeController : Controller { 

[MessageFi1 ter(Mensagem="01a mundo!")] 
public ActionResult Index(string a) { 
return View(); 

} 

} 

Se voce pretende desenvolver um filtro que restringe o acesso dos usuarios a um 
determinado metodo de controlador, crie um filtro de agao que herda as fungoes da 
classe AuthorizeAttribute. 

Exemplo: 

using System; 

using System.Web.Mvc; 

namespace AppCapitulo9.Models { 

[AttributeUsage(AttributeTargets.Class | AttributeTargets.Method, Inherited = true, 
AllowMultiple = false)] 

public class SecurityAttribute : AuthorizeAttribute { 

protected override bool AuthorizeCore(System.Web.HttpContextBase httpContext) { 

if (httpContext.Request.IsAuthenticated && httpContext.Request.IsSecureConnection) 
return true; 

return base.AuthorizeCore(httpContext); 

} 

} 

} 
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A ordem em que o filtro de agao e aplicado pode ser definida por intermedio do 
parametro Order. 

Exemplo: 

[HandleError(Order=l)] 

[0utputCache(0rder=2)] 
public ActionResult IndexQ { 
return View(); 

} 

Se voce pretende aplicar um filtro de agao personalizado a todos os controladores 
da aplicagao, use um recurso do ASP.NET MVC 3 denominado Global Filters. Para 
aplicar um Global Filters registre no arquivo Global .asax a classe que content o codigo 
do filtro de agao: 

filters.Add(new MessageFilterAttributeQ); 

Exemplo: 

using System.Web.Mvc; 
using System.Web.Routing; 
using AppCapitulo9.Models; 

namespace AppCapitulo9 { 

public class MvcApplication : System.Web.HttpApplication { 

public static void RegisterGlobalFilters(GlobalFilterCollection filters) { 
filters.Add(new HandleErrorAttributeO); 
filters.Add(new MessageFilterAttributeQ); 

} 

public static void RegisterRoutes(RouteCollection routes) { 
routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); 
routes.MapRoute( 

"Default", 

"{controller}/{action}/{id}", 

new { controller = "Home", action = "Index", id = UrlParameter.Optional } 

); 

} 

protected void Application_Start() { 

AreaRegistrati on.RegisterAl1Areas(); 

RegisterGlobalFi1ters(G1obalFiIters.Fi1ters); 

RegisterRoutes(RouteTable.Routes); 

} 

} 

} 

Recurso util quando temos um filtro de agao que compacta as paginas de um website 
ou grava informagoes no log. 
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O modo de programagao Ajax proporciona uma experiencia agradavel ao usuario, 
pois somente partes da pagina sao atualizadas. 

Por exemplo, voce clica em um item de menu e no centro da pagina e carregado o 
conteudo, ou seja somente o conteudo e carregado. O logo, os anuncios, o menu per- 
manecem estaticos. Nao ha o famoso refresh da pagina. E semelhante a um software de 
bate-papo em que o conteudo aparece na tela, sem necessidade de recarregar a pagina. 

Implementar o modo de programagao Ajax no ASP.NET MVC e muito facil, como 
veremos no decorrer deste capitulo. 

10.1 Desenvolvendo uma nova aplicagao 

Para testar os exemplos deste capitulo, inicie o Visual Studio. Acesse o menu File e 
clique em New Project..., 

Na caixa de dialogo New Project, selecione Web> Visual Studio 2012 > ASP.NET MVC 4 Web Application. 

Nomeie o projeto como AppCapitulolO. Clique em OK. 

Em seguida, na caixa de combinagao View Engine, selecione o mecanismo de exibigao 
Razor. Adicione ao projeto o controlador HomeController. 

No diretorio Models, crie e adicione entidades para um arquivo .edmx a partir do banco de 
dados Northwind. Siga os passos descritos no topico “4.3 ADO.NET Entity Framework”. 

10.2 Ativando Unobtrusive Ajax 

O ASP.NET MVC usa o chamado unobtrusive Ajax. O que significa que as tags 
HTMLgeradas sao compativeis com a HTML 5, e os atributos tern o prefixo data- e 
usam jQuery. Observe a seguir: 

<a data-ajax="true" data-ajax-tnode="replace" data-ajax-update="#divProdutos" 
href="/Home/ListaProdutos/Beverages">Beverages</a> 
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Unobtrusive Ajax e ativado no arquivo web.config: 

<configuration> 

<appSettings> 

<add key="UnobtrusiveJavaScriptEnabled" value="true n /> 

</appSettings> 

</configuration> 

E no view ou master page: 

<script src="@l)rl.Content("~/Scripts/jquery-1.4,4.js")" type="text/javascript"></script> 

<script src="@Url.Content("-/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"> 
</script> 

Obs.: para rodar aplicagoes Ajax, o navegador do usuario deve oferecer suporte para 
JavaScript. 

10.3 Metodo Ajax.ActionLink 

O metodo Ajax.ActionLink e um Ajax helper, ou seja, invoca um metodo de controlador 
e retorna o conteudo de forma assincrona: 

A principal sintaxe do metodo Ajax.ActionLink e: 

@Ajax,ActionLink(TextoLink, MetododeControlador, parametros, AjaxOptions) 

Exemplo: 

<ul style="display: inline"> 

@foreach (var item in Model) { 

<li style="display: inline"> 

@Ajax.ActionLink(item.CategoryName, "ListaProdutos", new { 

categoria = item.CategoryName }, new AjaxOptions { UpdateTargetld = "divProdutos" }) 

</li> 

} 

</ul> 

A tag div com id igual a divProdutos e definida na propriedade UpdateTargetld e e usada 
para carregar as informagdes no navegador: 

<div id="divProdutos"> 

</div> 

A figura 10.1 mostra um fluxograma contendo os passos necessarios para a elaboragao 
de um exemplo que exibe uma lista de categorias com links e seus respectivos produtos. 
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Figura 10.1 - Fluxograma lista de produtos por categoria. 

O metodo de controlador Index carrega a lista de categorias usadas nos links: 

private NorthwindBD db = new NorthwindBDO; 
public ActionResult Index() { 
try { 

var model = db.Categories.AsParallel().ToListQ; 
return View(model); 

} 

finally { 

if (db != null) db.Dispose(); 

} 

} 

ListaProdutos e um metodo de controlador e contem o codigo que retorna os produtos 
de determinada categoria: 

public ActionResult ListaProdutos(string categoria = "Beverages") { 

try { 

if (string.IsNullOrWhiteSpace(categoria)) 
return View("NotFound"); 

ViewBag.Categoria = categoria; 
var model = (from p in db.Products 

where p. Category.CategoryName == categoria 
select p) .ToListQ; 
if (model == null) 

return View("NotFound"); 

else 

return PartialView("ViewProdutos", model); 

} 

finally { 

if (db != null) db.DisposeQ; 

} 

} 
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Classe AjaxOptions contem as seguintes propriedades: 

Propriedade 

Descri^ao 

Conf i rm 

Exibe uma caixa de confirmagao antes de postar as informagoes. 

HttpMethod 

Determina o tipo de operagao. Exemplo: Get, Post. 

InsertionMode 

Define como a resposta sera inserida na pagina. Exemplo: antes, 
apos ou redefine o conteudo atual. 

LoadingElementld 

Define o Id do elemento HTML executado, enquanto o Ajax esta 
carregando. 

LoadingElementDu rati on 

Determina o tempo que o elemento definido na propriedade 
LoadingElementld permanece visivel.Tempo e em milissegundos. 

OnBegin 

Define ou retorna a fungao JavaScript executada imediatamente 
antes de a pagina ser atualizada. 

OnComplete 

Define ou retorna a fungao JavaScript executada quando a operagao 
assincrona e completada. 

OnFailure 

Define ou retorna a fungao JavaScript executada quando a operagao 
assincrona falha. 

OnSuccess 

Define ou retorna a fungao JavaScript executada quando a operagao 
assincrona e completada com sucesso. 

UpdateTargetld 

Define o Id do elemento HTMLusado para exibir a resposta enviada 
do servidor. 

Url 

Define ou retorna uma URL para usar na requisigao. 


No view Index,cshtml invocamos o metodo de controlador ListaProdutos: 

<div id="divProdutos"> 

@{Html .RenderAction("ListaProdutos");} 

</div> 

Exemplo: 

©model IEnumerable<AppCapitulolO.Models.Category> 

@{ 

Layout = null; 

} 

<! DOCTYPE html> 

<html> 

<head> 

<title>Produtos por categoria</title> 

<script src="@Url.Content("~/Scripts/jquery-1.4.4.js")" type="text/javascript"x/script> 
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"> 
</script> 

</head> 

<body> 

<div> 

<ul style="display: inline"> 

©foreach (var item in Model) { 
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<11 style="display: inline"> 

@Ajax.ActionLink(item.CategoryName, "ListaProdutos", new { 
categoria = item.CategoryName }, new AjaxOptions { 

UpdateTargetld = "divProdutos" }) 

</li> 

} 

</ul> 

<hr /> 

<div id= ,, divProdutos ,, > 

@{Html.RenderAction("ListaProdutos");} 

</div> 

</div> 

</body> 

</html> 

O partial view ViewProdutos contem o codigo responsavel por exibir os produtos de 
cada categoria: 

©model IEnumerable<AppCapitulolO.Models.Product> 

<uxb>@Vi ewBag. Categori a</bx/u> 

<ul> 

©foreach (var item in Model) { 

<li> 

©item.ProductName 

</li> 

} 

</ul> 

Na figura 10.2 vemos o exemplo em agao: 


ft Produtos por categoria Alfredo Lotar 


0 . localhost v 

Arguivo Editar Exibir Favoritos Ferramentas Ajuda 
Ufa Favoritos j 0 Produtos por categoria 

Beverages Condtments Confections Dairy Products 
Grains Cerea^JvleatPoiiltr\ r Produce Seafood Coniputadores 

Grains Cereals 

• Gustaf s Knackebrod 

• Trnmbmd 

• Singaporean Hokkien Fried Mee 

• Fib Mix 

• Gnocchi di nornia ABce 

• RavioK Angelo 

• Wknmers gnte Semmelknodel 

Intranet iocal * % 100% T 



Figura 102 -Ajax em agdo. 
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10.4 Enviando um formulario de forma assmcrona 

O metodo Ajax.BeginForm posta o conteudo de um formulario de forma assmcrona: 
©using (Ajax.BeginForm("Find", "Home", new AjaxOptions {UpdateTargetld = "Resultado" })) {} 

A propriedade UpdateTargetld contem o Id do elemento HTML usado para exibir a 
resposta enviada do servidor: 

<div id="Resultado"> 

</div> 

Na tag div carregamos o partial view: 

<div id="Resultado"> 

@{Html.RenderAction("Find");} 

</div> 

O metodo Find carrega o partial view: 

public ActionResult Find(string busca) { 

IList<Product> model = new List<Product>(); 

// Restante do codigo 

return PartialView("ViewProdutos", model); 

} 

Na figura 10.3 temos um fluxograma que ilustra a estrutura de um mecanismo de 
busca de produtos. 


Metodo FormBuscaQ 




FormBusca.cshtml 




Metodo FindQ 


—j— 

Partial View ViewProdutos.cshtml 


Figura 10.3 - Fluxograma de um mecanismo de busca. 
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No controlador Home temos o codigo do metodo FormBusca e Find: 

public ActionResult FormBuscaO { 
return View(); 

} 

public ActionResult Find(string busca) { 
try { 

IList<Product> model = new List<Product>(); 
if (!string.IsNullOrWhiteSpace(busca)) { 
model = (from p in db.Products 

where p.ProductName.StartsWith(busca) 
select p).AsParallel().ToListO; 
if (model == null) 

return View("NotFound"); 

} 

return PartialView("ViewProdutos", model); 

} 

finally { 

if (db != null) db.DisposeO; 

} 

} 

O arquivo FormBusca.cshtml contem o formulario e carrega o resultado da busca: 


Layout = null; 

} 

<!DOCTYPE html> 

<html> 

<head> 

<title>Localizar produtos</title> 

<script src="@Url.Content("~/Scripts/jquery-1.4.4.js")" type= H text/javascript"x/script> 
<script src="@Url. Content CVScripts/jquery.unobtrusive-ajax.js")" type="text/javascript n > 
</script> 

</head> 

<body> 

<div> 

@using (Ajax.BeginForm("Find", "Home", new AjaxOptions { 

UpdateTargetld = "Resultado" })) { 

@:Digite os termos da busca<br /> 

@Html.TextBox("busca", null, new { size = 20 }) 
cinput type="submit" value="Procurar" /> 

} 

<div id="Resultado"> 

@{Html.RenderAction("Find");} 

</div> 

</div> 

</body> 

</html> 
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O metodo Find carrega o partial view ViewProdutos.cshtml responsavel pela exibigao dos 
produtos: 

©model IEnumerable<AppCapitulolO.Models.Product> 

<uxb>@Vi ewBag. Categori a</bx/u> 

<ul> 

©foreach (var item in Model) { 

<li> 

©item.ProductName 

</li> 

} 

</ul> 

Na figura 10.4 vemos o mecanismo de busca em agao: 



Figura 104 - Mecanismo de busca em agao. 


10.5 Mensagens de confirma^ao 

Para o metodo Ajax.BeginForm temos a opgao de definir mensagens de confirmagao. Util, 
por exemplo, quando o usuario esta prestes a efetuar tarefas que merecem atengao, 
como excluir um registro do banco de dados. 

Exemplo: 

©model IEnumerable<AppCapitulolO.Models.Product> 

<ul> 

©foreach (var item in Model) { 

<li> 

©item.ProductName 

@Ajax.ActionLink("Excluir", new AjaxOptions { 
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Confirm = "Voce confirma esta a^ao?" }) 

</li> 

} 

</ul> 

Observe a figura 10.5: 



Figura 10.5 - Mensagem de confirmagao. 


10.6 Propriedade OnSuccess 

A propriedade OnSuccess define oil retorna a fungao JavaScript executada quando a 
operagao assmcrona e completada com sucesso. 

Exemplo: 

<script type="text/javascript"> 
function Mensagem() { 

S('p').text('Transagao concluida com sucesso.'); 

} 

</script> 

©using (Ajax.BeginForm("Index", "Home", new AjaxOptions { OnSuccess = "Mensagem"})) { 

// Codigo aqui 

} 

<px/p> 
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10.7 Acrescentando elementos visuais 

Apropriedade LoadingElementld e LoadingElementDuration da classe AjaxOptions definem, res- 
pectivamente, o Id do elemento HTML exeeutado, enquanto o Ajax esta carregando 
e o tempo que o elemento definido na propriedade LoadingElementld permanece visivel. 

Aimplementagao e simples. Basta definir a propriedade LoadingElementld e, se necessario, 
tambem a propriedade LoadingElementDuration no metodo ActionLink ou BeginForm. 

Exemplo: 

@Ajax,ActionLink(item.CategoryName, "ListaProdutos", new { categoria = item.CategoryName }, 
new AjaxOptions { LoadingElementld = "divLoad", LoadingElementDuration = 10}) 

A tag div exibe o elemento visual, como um texto: 

<div id="divLoad" style="display: none"> 

<p>Carregando ... </p> 

</div> 

Ou uma figura: 

<div id="divLoad" style="display: none"> 

<image src="../Content/imagem.jpg" alt="" /> 

</div> 

10.8 Metodo IsAjaxRequest 

Verifica se a requisigao HTTP e uma requisigao Ajax. 

Exemplo: 

public ActionResult ListaProdutos(string categoria = "Beverages") { 

// Codigo aqui 

var model = (from p in db.Products 

where p.Category.CategoryName == categoria 
select p).ToList(); 
if (!Request.IsAjaxRequest()) { 
return View("NoAjax", model); 

} 

else { 

return PartialView("ViewProdutos", model); 

} 
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A seguranga de uma aplicagao e muito importante em um website, pois centenas, 
senao milhares de usuarios mal-intencionados tentarao executar alguma agao ma- 
liciosa na sua aplicagao. Por isso, e importante que voce valide todas as entradas, 
divida a aplicagao em areas publicas e restritas, use SSL e CAPTCHAs, criptografe 
informagoes sigilosas, permita somente senhas fortes. 

Nunca faga nada serio na Internet; digamos assim, se o website nao e seguro. 

O assunto seguranga de websites e bast ante extenso e complexo; entao, se voce 
precisa de um website realmente seguro para comercializar produtos, servigos etc., 
contrate empresas especializadas, consultores mdependentes ou use softwares para 
encontrar brechas de seguranga na rede, no servidor web, no servidor de banco de 
dados e no codigo da aplicagao. Mesmo que voce tenha um conhecimento profundo 
de seguranga de websites e seja bastante cuidadoso e organizado, e provavel que o 
seu software tenha alguma brecha de seguranga ainda nao descoberta. Os softwares 
listados a seguir podem ajuda-lo a se proteger: 

• http://www.acunetix.com/vulnerability-scanner/download.htm 

• http:/Zwww. microsoft. com/download/en!details. aspx?id= 1677 

• http://www8.hp.com/us/en/software/software-solution.html?compURI=tcm:245- 
936139#tab=l 

• http:/ 7 www-01. ibm. com/software!awdtools/appscan/ 

• https://www.siteblindado.com/pt 
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11.1 Criando uma nova aplica^ao 

Para testar os exemplos deste capitulo, inicie o Visual Studio. Acesse o menu File e 
clique em New Project..., 

Na caixa de dialogo New Project, selecione Web > Visual Studio 2012 > ASP.NET MVC 4 Web Application, 

Nomeie o projeto como AppCapituloll. Clique em OK. 

Em seguida, na caixa de combinagao View Engine, selecione o mecanismo de exibigao 
Razor. Selecione o template Internet Application. Observe a figura 11.1: 



New ASP.NET MVC 4 Project 


Project Template 


Select a template: 


Description: 

A default ASP. WET MVC 4 project with 
account controller that uses forms 
authentication. 


Internet j Intranet 

Application Application 


Web API Single Page Facebook 
Application Application 


Mobile 

Application 


View engine; 


Razor 


i I Create a unit test project 

Test project name: 

| MvcAppiicaticn4.T ests 
Test framework: 
i Visual Studio Unit Test 


Additional Info 


Figura 111 - Caixa de dialogo New ASP.NETMVC 4 Project. 


Quando optamos pelo template Internet Application, sao acrescentados ao projeto 
automaticamente arquivos responsaveis por manipular informagoes de autenticagao 
de usuarios, como cadastro de usuarios, alteragao de senhas e o login propriamente 
dito. Observe a figura 11.2: 
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Solution Explorer T □ X 


[AppCapitutoll 


S Si Properties 
S Si References 
: Ci| App_Data 
a a Content 
0 Controllers 

HI AccountController.es 
c §| HomeController.es 
3 ^ Models 

^ AccountModels.es 
S3- GH Scripts 
B & Views 

3 iH 1 Account 

: ’ : |a] ChangePassword.cshtml 

ChangePasswordSuccess.cshtml 
LogOn.eshtml 
L - c || Register.eshtml 
; S - a Home 
S yjr Shared 

c ||-Layout.eshtml 
;■■■■ p _LogOnPartial.eshtml 
^ Error.eshtml 
C S) _ViewStart.eshtml 
Up Web.config 
® Jjtl Global.asax 
S <1^ Web.config 

< > 


Figura 11.2 - Janela Solution Explorer. 

Nestes arquivos, as mensagens de erro, o titulo e as legendas dos campos de formulario 
estao em ingles. Para alterar as legendas dos campos de formulario defina o atributo 
Display nas propriedades do arquivo AccountModels.es : 

public class ChangePasswordModel { 

[Required] 

[DataType(DataType.Password)] 

[Display(Name = "Current password")] 
public string OldPassword { get; set; } 

[Required] 

[ValidatePasswordLength] 

[DataType(DataType.Password)] 

[Display(Name = "New password")] 
public string NewPassword { get; set; } 

[DataType(DataType.Password)] 

[Display(Name = "Confirm new password")] 

[Compare("NewPassword", 

ErrorMessage = "The new password and confirmation password do not match.")] 
public string ConfirmPassword { get; set; } 

} 

public class LogOnModel { 

[Required] 

[Display(Name = "User name")] 
public string UserName { get; set; } 
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[Required] 

[DataType(DataType.Password)] 

[Display(Name = "Password")] 

public string Password { get; set; } 

[Display(Name = "Remember me?")] 
public bool RememberMe { get; set; } 

} 

public class RegisterModel { 

[Required] 

[Display(Name = "User name")] 
public string UserName { get; set; } 

[Required] 

[DataT ype(DataType.Emai1 Add ress)] 

[Display(Name = "Email address")] 
public string Email { get; set; } 

[Required] 

[Val idatePasswordLength] 

[DataType(DataType.Password)] 

[Display(Name = "Password")] 
public string Password { get; set; } 

[DataType(DataType,Password)] 

[Display(Name = "Confirm password")] 

[Compare("Password", 

ErrorMessage = "The password and confirmation password do not match.")] 
public string ConfirmPassword { get; set; } 

} 

No mesmo arquivo temos diversas mensagens de erro que podem ser traduzidas. 
Observe o codigo a seguir: 

public bool ValidateUser(string userName, string password) { 
if (String.IsNullOrEmpty(userName)) throw 

new ArgumentException("Value cannot be null or empty.", "userName"); 
if (String.IsNullOrEmpty(password)) throw 

new ArgumentException("Value cannot be null or empty.", "password"); 

return .provider.ValidateUser(userName, password); 

} 

public MembershipCreateStatus CreateUser(string userName, string password, string email) { 
if (String.IsNullOrEmpty(userName)) throw 

new ArgumentException("Value cannot be null or empty.", "userName"); 
if (String.IsNullOrEmpty(password)) throw 

new ArgumentException("Value cannot be null or empty.", "password"); 
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if (String.IsNullOrEmpty(email)) throw 

new ArgumentException("Value cannot be null or empty.", "email"); 

MembershipCreateStatus status; 

.provider.CreateUser(userName, password, email, null, null, true, null, out status); 
return status; 

} 

public bool ChangePassword(string userName, string oldPassword, string newPassword) { 
if (String.IsNullOrEmpty(userName)) throw 

new ArgumentException("Value cannot be null or empty.", "userName"); 
if (String.IsNullOrEmpty(oldPassword)) throw 

new ArgumentException("Value cannot be null or empty.", "oldPassword"); 
if (String.IsNullOrEmpty(newPassword)) throw 

new ArgumentException("Value cannot be null or empty.", "newPassword"); 
try { 

MembershipUser currentllser = .provider.GetUser(userName, true /* userlsOnline */); 
return currentUser.ChangePassword(oldPassword, newPassword); 

} 

catch (ArgumentException) { 
return false; 

} 

catch (MembershipPasswordException) { 
return false; 

} 

} 

public static class AccountValidation { 

public static string ErrorCodeToString(MembershipCreateStatus createStatus) { 
switch (createStatus) { 

case MembershipCreateStatus.DuplicateUserName: 

return "Username already exists. Please enter a different user name."; 

case MembershipCreateStatus.DuplicateEmai1: 

return "A username for that e-mail address already exists. Please enter a 
different e-mail address."; 

case MembershipCreateStatus.InvalidPassword: 

return "The password provided is invalid. Please enter a valid password value."; 

case MembershipCreateStatus.InvalidEmai1: 

return "The e-mail address provided is invalid. Please check the value and try again."; 

case MembershipCreateStatus.InvalidAnswer: 

return "The password retrieval answer provided is invalid. Please check the 
value and try again."; 

case MembershipCreateStatus.InvalidQuestion: 

return "The password retrieval question provided is invalid. Please check the 
value and try again."; 
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case MembershipCreateStatus.InvalidUserName: 

return "The user name provided is invalid. Please check the value and try again."; 

case MembershipCreateStatus.ProviderError: 

return "The authentication provider returned an error. Please verify your entry 
and try again. If the problem persists, please contact your system administrator."; 

case MembershipCreateStatus.UserRejected: 

return "The user creation request has been canceled. Please verify your entry 
and try again. If the problem persists, please contact your system administrator."; 

default; 

return "An unknown error occurred. Please verify your entry and try again. If 
the problem persists, please contact your system administrator. 

} 

} 

} 

Obs.: mensagens especificas de cada formulario podem ser alteradas acessando os 
arquivo .cshtml ou .aspx no diretorio Views\Account. 

A figura 11.3 ilustra o formulario de login traduzido para o portugues. 



Arguivo Editar Exibir Favorites Ferramentas 


Favorites 


About 


Home 


Por favor, digite o nome de usuario e senha. 
tern urn a conta. 


Informa^oes da conta 


ED Lembre-me' 


Figura 11.3 - Tela de login traduzida. 
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11.2 Criando o banco de dados de seguran^a 

Para que voce possa usar o mecanismo de autenticagao adicionado ao projeto do ASP. 
NET MVC e necessario acrescentar um banco de dados ou as tabelas a um banco 
de dados existente. 

O banco de dados contem as regras de acesso, os grupos de usuarios e o proprio 
cadastro desses usuarios. 

Para criar o banco de dados no SQL Server, clique no menu Iniciar > Todososprogramas > 
Microsoft Visual Studio > Visual Studio Tools > Developer Command Prompt for VS201 3. Em seguida, digite: 

aspnet_regsql.exe -S .\SQLExpress -E -d NomeBancoDados -A mr 

Exemplo: 

aspnet_regsql.exe -S ASQLExpress -E -d Northwind -A mr 
Se preferir, use o assistente: 
aspnet_regsql.exe -W 

Em ambos os casos sao acrescentadas as seguintes tabelas ao banco de dados Northwind; 

aspnet_Membership, aspnet_Roles, aspnetJJsers, aspnetJJsersInRoles, aspnet_Applications, 
aspnet_SchemaVersions. 

Obs.: ative o servidor SQLServer e verifique se a instancia usada e ASQLExpress antes 
de usar a ferramenta aspnet_regsql .exe. 

11.3 Alterando o arquivo de configura^ao 

Modifique o arquivo de configuragao web.config localizado na raiz da aplicagao. Altere 
o elemento connectionStrings. Substitua: 

<connectionStrings> 

<add name="ApplicationServices" connectionString="data source=ASQLEXPRESSintegrated 
Security=SSPI;AttachDBFilename=|DataDirectory|aspnetdb.mdf;User Instancesrue" 
providerName="System.Data.SqlClient" /> 

</connectionStrings> 

Por: 

<connectionStrings> 

<add name="SqlBDseguro" connectionString="Data Source=ASQLExpress;Integrated 
Security=SSPI;Initial Catalog=Northwind;"/> 

</connectionStrings> 
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membership defaultProvider="SqlProvider" > 

<providers> 

<clear /> 

<add 

name="SqlProvider" 

type="System.Web.Secu rity.SqlMembershipProvider" 

connectionStringName="SqlBDseguro" 

applicationName="AppCapituloil" 

enablePasswordRetrieval="false" 

requi resUniqueEmail= ,, true" 

minRequiredPasswordLength="8" 

minRequiredNonalphanumericCharacters="l'7> 

</providers> 

</membership> 

Aseguir, listamos os principals atributos do elemento-filho Add: 


Atributo 

name 

type 


connectionStringName 
applicationName 


enablePasswordRetrieval 
requiresUniqueEmail 
minRequiredPasswordLength 


Descri^ao 

Nome do provedor de dados usados. 

Refere-se a classe que implementa a classe abstrata 

MembershipProvider. Exemplo: SqlMembershipProvider, ActiveDire 
ctoryMembershipProvider. 

Define a string de conexao usada para se conectar ao banco de 
dados. Essa string e definida no elemento connecti onStri ngs. 

Define o nome da aplicagao e deve ser definida para evitar 
eventuais problemas de identificagao ao migrar a aplicagao de 
um servidor para outro. Ou seja, voce precisa manter o mesmo 
nome ao migrar a aplicagao de um servidor para outro ou 
voce perde acesso aos usuarios e regras de acesso previamente 
cadastrados. 

E permitida a recuperagao da senha pelo usuario? Sim ou nao? 
Cada usuario devera informar um e-mail unico? Sim ou nao? 
Determina o comprimento minimo da senha. O valor-padrao 
e 7. Recomendamos valores maiores que o padrao, no minimo 
8. No meu computador uso no minimo 14. 


MinRequiredNonalphanumericCharacters 


Numero minimo de caracteres nao alfanumericos que a senha 
deve conter. O valor-padrao e 1. 

maxlnval i dPasswordAttempts Numero maximo de tentativas invalidas de login antes da conta 

ser bloqueada. O valor-padrao e 5. 


Em seguida, acrescentamos ao arquivo web.config o elemento roleManager usado para 
gerenciar as regras de acesso: 
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<roleManager defaul tProvider="SqlRol eProvider" 
enabled="true" 
cacheRol esInCookie="true" 

cookieName="{278FAD2B-26C2-4940-932B-4780E200569B}" 

cookieTimeout="5" 

cookieRequireSSL="true" 

cookieSlidingExpiration="true" 

cookieProtection="Al1" 

createPersistentCooki e="false"> 

<providers> 

<add 

name="SqlRoleProvider" 
type="System.Web.Security.SqlRoleProvider" 
connectionStringName="SqlBDseguro" 
applicationName="AppCapituloll"/> 

</providers> 

</roleManager> 

Os principals atributos do elemento roleManager sao: 


Atributo 

defaultProvider 

enabled 

cacheRolesInCooki e 

cookieName 
cookieTimeout 

cookieRequireSSL 

cooki eSl idingExpiration 
cookieProtection 

createPersistentCooki e 


Descri^ao 

Nome do provedor de dados usados. 

Ativa ou desativa o gerenciador de regras de acesso. 

Coloca em um cookie os grupos de usuarios ao qual o usuario 
logado pertence. 

Determina o nome do cookie. O valor-padrao e .ASPXROLES. 

Tempo de vida do cookie. O valor-padrao e de 30 minutos. E inte- 
ressante que voce use um valor inferior ao padrao. 

Ative sempre SSL para cookies de autenticagao. Defina este atributo 
sempre como true. 

O tempo do cookie e renovado a cada nova requisigao? Sim ou nao? 
Defina este atributo sempre como A11. Significa que o cookie e 
armazenado criptografado e e a prova de alteragoes. 

Valor-padrao e false e deve ser mantido assim. Por motivos de 
seguranga nao recomendamos manter cookies por longo periodo 
de tempo. 


Obs.: nao use o valor-padrao no atributo cooki eName quando multiplos websites es- 
tiverem hospedados no mesmo servidor. Nesse caso, defina um GUID como nome. 
Clique no menu Iniciar > Todos os programas > Microsoft Visual Studio 2010 > Microsoft Windows SDK 
Tools > GUID Generator. Na janela Create GUID, gere um GUID no formato registro e copie para 
o atributo cooki eName. 
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11.4 Gerenciando a aplica^ao 

Para ilustrar este topico, acrescentamos a aplicagao a area Admin. Consulte o topico 6.4. 


Solution Explorer 


,_:P _£j • 



Hi Properties 
fia References 
Q|§ App_Data 
& Areas 

a- 


, - m Controllers 

. Ba Models 

a- m Views 

Ei Shared 
L - fip Web.config 
?£f AdminAreaRegistration.es 
& Content 
uM Controllers 
PM Models 
• 03 Scripts 
OH Views 
iy Global.asax 
(gp Web.config 


Figura 11.4 - Area Admin. 


Apos a criagao da area, acrescentamos as tabelas ao banco de dados SQL Server, 
criamos os diretorios e configuramos os elementos membership e roleManager no arquivo 
web.config. Nesse ponto, estamos prontos para adicionar usuarios, regras de acesso e 
grupos de usuarios: 

• No Visual Studio, acesse menu Website > ASFNETConfiguration. Clique na aba Seguranp 
(Security) e, em seguida, em Usaro Assistente para Configurate da Seguran$a a fimde configurer a 
seguran^a, passo a passo (Use the security Setup Wizard to configure security step by step). 

• O assistente lhe da as boas-vindas e, para continuar, clique em Avan^ar(Next). 

• Selecione o metodo de acesso Da Internet ou De uma rede local (From a local 
area network). Selecione a opgao Da Internet (From the internet), a qual insere a seguinte 
linha no web.config: 

<authentication mode= n Forms u /> 

Qbs.: o ASP.NET suporta tres tipos de autenticagao: Windows, Forms e Passport. 

• Na tela Configurates avan^adas do provedor (Advanced provider settings), clique no botao com 
a legenda Avan^ar (Next). 

• Na tela Definir Fungoes (Define Roles), marque a opgao: Habilita as fun^oes para este site (Enable 
roles for this Web site). Em seguida, clique em Avancar (Next). 

• Adicione novas fungoes (grupos de usuarios) a aplicagao. Para testar esse 
exemplo, adicione as fungoes Administradores e Clientes. Depois de adicionar as 
fungoes, clique no botao Avangar (Next). 
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• Adicione novos usuarios, pois, para testar esse exemplo, recomendamos, no 
mmimo, dois deles. Depois de adiciona-los, clique no botao Avan^ar(Next). Aten- 
gao: a senha deve ter o comprimento minino de 8 caracteres e um caractere 
nao alfanumerico (um simbolo, por exemplo). 

• Na tela Adicionar Novas Regras de Acesso (Add New Access Rules), adicione regras para con- 
trolar o acesso a todo o site ou a pastas individuais. Selecione a pasta Admin e, 
em seguida, selecione a fungao Administradores. Selecione Permitir(Allow); clique no 
botao Adicionar esta Regra (Add This Rule). Repita a operagao para os demais usuarios. 

• Clique em Conduir(Finish). Apos essa etapa, temos um novo arquivo de configu- 
ragao web.config no diretorio Admin: 

<?xml version="1.0" encoding="utf-8"?> 

<configuration> 

<system.web> 

<authorization> 

<allow roles="Administradores" /> 

</authorization> 

</system.web> 

</configuration> 

• Acrescente a linha a seguir ao arquivo web.config localizado no diretorio Admin: 
<deny users="*"/> 

Exemplo: 

<?xml version="1.0" encoding="utf-8"?> 

<configuration> 

<system.web> 

<authorization> 

<allow roles="Administradores" /> 

<deny users="*"/> 

</authorization> 

</system.web> 

</configuration> 

• Na aba Seguranga (Security), clique em Gerenciar usuarios (Manage users). Na lista de usuarios 
ativos, clique em Editarfungoes(Editroles). Marque a caixa de selegao Administradores 
para um dos usuarios. 

Voce pode acrescentar tambem usuarios via codigo C#: 

MembershipCreateStatus status; 

MembershipUser novoUsuario = Membership.CreateUserC'Usuario", "Senha", 

"email@teste.com.br", "Pergunta", "Resposta", true,out status); 
if (novoUsuario == null) { 

// status; 
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else { 

// Usuario adicionado com sucesso 

} 

Inclusive adicionar o usuario ao grupo: 
Roles.AddUserToRole("NomeUsuario", "Grupo"); 


11.4.1 A aplica^ao 

A aplica^ao usada neste capitulo e extremamente simples. Temos uma tela que exibe 
as categorias e outra tela, os produtos. As categorias sao exibidas por mtermedio do 
metodo de controlador Index: 

public ActionResult Index() { 
try { 

var model = db.Categories.AsParallel().ToListO; 
if (model == null) 

return View("NotFound"); 

else 

return View(model); 

} 

finally { 

if (db i= null) db.DisposeO; 

} 

} 

E o view Index.cshtml; 

@model IEnumerable<AppCapituloil.Models.Category> 

@{ 

ViewBag.Title = "Lista de categorias"; 

Layout = "~/Views/Shared/_Layout.cshtml"; 

} 

<ul> 

@{foreach (var item in Model) { 

<li>@Html.ActionLink(itern.CategoryName, "Details", new { categoria = item. 
CategoryName })</li> 

} 

} 

</ul> 

Enquanto os produtos sao exibidos por meio do metodo de controlador Details: 

public ActionResult Details(string categoria) { 
try { 

ViewBag.Message = categoria; 
var model = (from p in db.Products 

where p.Category.CategoryName == categoria 
select p).ToListO; 
if (model == null) 

return View("NotFound"); 
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else 

return View(model); 

} 

finally { 

if (db != null) db.DisposeO; 

} 


E pelo view Detai 1 s. cshtml: 

©model IEnumerable<AppCapituloil.Models.Product> 

@{ 

ViewBag.Title = Vi ewBag.Message; 

Layout = "~/Views/Shared/_Layout.cshtml"; 

} 

<h2>@ViewBag.Message</h2> 

<ul> 

©{foreach (var item in Model) { 

<1i>@itern.ProductName</li> 

} 

} 

</ul> 

Os recursos protegidos sao dois formularios, um de insergao e outro de atualizagao, 
ambos criados na area Admin. Para acrescentar uma nova categoria, a aplicagao usa o 
metodo Create: 

public ActionResult CreateO { 
return View(); 

} 

[HttpPost] 

public ActionResult Create(Category entidade) { 
try { 

if (!Model State.IsValid) { 

Model State.AddModelError("", 

"Ocorreram erros no formulario. Por favor, corrija os erros e tente 
novamente."); 

return View(); 

} 

else { 

db.AddToCategories(entidade); 

db.SaveChangesO; 

return RedirectToAction("Index"); 

} 

} 

catch (System.Data.EntitySqlException) { 

Model State.AddModelError( ,,n , "Erro EntitySqlException."); 
return View(); 

} 

catch (System.Data.EntityCommandExecutionException) { 

Model State.AddModelError("", "Erro EntityCommandExecutionException."); 
return View(); 

} 
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finally { 

if (db != null) db.DisposeQ; 

} 

} 

E um view com o mesmo nome: 

©model AppCapituloil.Models.Category 
@{ 

ViewBag.Title = "Create"; 

Layout = ,, ~/Views/Shared/_Layout.cshtml"; 

} 

<h2>Create</h2> 

<script src="@Url.Content("-/Scripts/jquery.validate.min.js") n type="text/javascript"x/script> 
<script src="@Url.Content("~/Scripts/jquery.validate,unobtrusive.min.js") H type="text/javascript"> 
</script> 

©using (Html .BeginFormO) { 

©Html.ValidationSummary(true) 

<fieldset> 

<legend>Nova categoria</legend> 

<div class="editor-1abel"> 

©Html.LabelFor(model => model.CategoryName) 

</div> 

<div class="editor-field"> 

©Html.TextBoxFor(model => model.CategoryName, new { ©style = "width: 250px;" }) 

©Html.ValidationMessageFor(model => model.CategoryName) 

</div> 

<div class="editor-label"> 

©Html.LabelFor(model => model.Description) 

</div> 

<div class="editor-field"> 

©Html.TextAreaFor(model => model.Description, new { ©style = "width: 250px;" }) 

©Html.ValidationMessageFor(model => model.Description) 

</div> 

<p> 

<input type="submit" value="Create" /> 

</p> 

</fieldset> 

} 

<div> 

©Html .ActionLink("Pagina ini dal", "Index") 

</div> 

A atualizagao e realizada com o metodo Edit: 

public ActionResult Edit(int? id) { 
try { 

if (h'd.HasValue) 

return View("NotFound"); 

var model = db.Categories.Where(c => c.CategorylD == id).FirstOrDefault(); 
if (model == null) 

return View("NotFound"); 
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else 

return View(model); 

} 

finally { 

if (db != null) db.DisposeQ; 

} 

} 

[HttpPost] 

public ActionResult Edit(Category entidade) { 

try { 

var model = db.Categories.Where(c => c.CategorylD == entidade.CategorylD). 

Fi rstOrDefaultQ; 

if (model == null) { 

return View("NotFound"); 

} 

else { 

db.ApplyCurrentValues(model.EntityKey.EntitySetName, entidade); 

db.SaveChangesQ; 

return RedirectToAction("Index"); 

} 

} 

catch (System.Data.EntitySqlException) { 

Model State. AddModelErrorC", "Erro EntitySqlException."); 
return View(); 

} 

catch (System.Data.EntityCommandExecutionException) { 

Model State.AddModelErrorC"', "Erro EntityCommandExecutionException."); 
return View(); 

} 

finally { 

if (db != null) db.Dispose(); 

} 

} 

E o view Edit.cshtml: 

©model AppCapituloil.Models.Category 

@{ 

Vi ewBag.Title = "Edit"; 

Layout = "~/Views/Shared/_Layout.cshtml"; 

} 

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/]avascript"x/script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascri pt"> 
</script> 

©using (Html .BeginForm("Edit", "Home")) { 

©Html.ValidationSummary(true) 

<fieldset> 

<1egend>Editar categoria</l egend> 

©Html .HiddenFor(model => model.CategorylD) 

<div class="editor-label"> 

©Html .LabelFor(model => model.CategoryName) 

</div> 
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<div class="editor-field n > 

@Html.TextBoxFor(tnodel => model.CategoryName, new { @style = "width: 250px;" }) 

@Html.ValidationMessageFor(model => model.CategoryName) 

</div> 

<div class="editor-label"> 

@Html.LabelFor(model => model.Description) 

</div> 

<div class="editor-field"> 

@Html.TextAreaFor(model => model.Description, new { @style = "width: 250px;" }) 

@Html.ValidationMessageFor(model => model.Description) 

</div> 

<p> 

<input type="submit" value="Save" /> 

</p> 

</fieldset> 

} 

<div> 

@Html.ActionLink("Pagina inicial", "Index") 

</div> 

Para evitar conflitos entre os controladores com o mesmo nome, acrescentamos a 
linha a seguir: 

new[] { "AppCapituloll.Controllers" } 

Ao arquivo Global .asax: 

public static void RegisterRoutes(RouteCollection routes) { 
routes.IgnoreRoute("{resource}.axd/{*pathInfo}”); 
routes.MapRoute( 

"Default", 

"{controller}/{action}/{id}", 

new { controller = "Home", action = "Index", id = UrlParameter.Optional }, 
new[] { "AppCapituloll.Controllers" } 

); 

} 

E tambem alteramos os links da pagina de layout. 

Exemplo: 

@Html.ActionLink("Home", "Index", "Home", new { area = string.Empty }, null) 

11.5 AD0.NET Entity Framework 

Acrescente a aplicagao as classes doADO.NET Entity Framework, conforme o topico 
4.3. Em seguida, adicione o arquivo Categoria.es e a classe Category: 

using System; 

using System.Col lections.Generic; 
using System.Ling; 
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using System.Web; 

namespace AppCapituloll.Models { 
public class Category { 

} 

} 

Realize a formatagao e validagao dos campos: 

using System.ComponentModel.DataAnnotations; 
namespace AppCapituloll.Models { 

[MetadataType(typeof(CategoryMetadata))] 
public partial class Category { } 

public class CategoryMetadata { 

[Required(ErrorMessage = "0 nome da categoria e obrigatorio.")] 

[StringLength(15, MinimumLength = 3, 

ErrorMessage = "Digite no minimo 3 e no maximo 15 caracteres.")] 

[RegularExpression(@"A[a-zA-Z0-9_\/\s]{3,15}$", 

ErrorMessage="Digite uma categoria valida.")] 

[Display(Name = "Categoria")] 

public string CategoryName { get; set; } 

[StringLength(150, MinimumLength = 0, 

ErrorMessage = "Digite no maximo 150 caracteres.")] 

[Display(Name = "DescrRao")] 
public string Description { get; set; } 

} 

} 

O atributo Regul arExpressi on valida a propriedade por meio de uma expressao regular: 
[RegularExpression(@"A[a-zA-Z0-9_\/\s]{3,15}$", ErrorMessage="Digite uma categoria valida.")] 

Validagao centralizada e recomendada. Assim como a validagao em multiplas camadas, 
valide tambem as entradas dos campos de formulario no metodo de controlador: 

[HttpPost] 

public ActionResult Create(Category entidade) { 

try { 

i f (stri ng.IsNullOrWhiteSpace(entidade.CategoryName) 

|| !Regex.IsMatch(entidade.CategoryName, @"A[a-zA-Z0-9_\/\s]{3,15}$")) 
ModelState.AddModelError("CategoryName", "Digite uma categoria valida."); 

i f (string.IsNullOrWhiteSpace(entidade.Description) 

|| 'Regex.IsMatch(entidade.Description, @"A[0-9a-zA-Z_V\s]{0,150}$")) 
ModelState.AddModelError("Description", "Caracteres invalidos na descrigao."); 

if (!Model State.IsValid) { 

Model State.AddModelError("", 
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"Ocorreram erros no formulario. Por favor, corrija os erros e tente novamente."); 
return View(); 

} 

// Restante do codigo 

} 

// Restante do codigo 


Obs.: garanta que a entrada contenha somente o conteudo desejado. Utilize o acento 
circunflexo ( A ) e um cifrao ($) como delimitadores no inicio e no fim de expressoes. 

11.5.1 Validando as propriedades de autenticagio 

Valide as propriedades de autenticaqao localizadas no arquivo AccountModels.es: 
Exemplo: 

public class ChangePasswordModel { 

[Required(ErrorMessage="Senha e obrigatoria.")] 

[DataType(DataType.Pas swo rd)] 

[Regul arExpressi on ((TA[a-zA-Z0-9_\*V\+\-\?\!] {8,128}$", 

ErrorMessage = "Digite uma senha valida. Use letras, numeros e os caracteres: *-+.?!")] 
[Display(Name = "Senha atual")] 
public string OldPassword { get; set; } 

[Required(ErrorMessage = "Nova senha e obrigatoria.")] 

[ValidatePasswordLength] 

[DataType(DataType.Passwo rd)] 

[RegularExpression(@" a[ a-zA-Z0-9_\*\-\+\.\?\!]{8,128}S", 

ErrorMessage = "Digite uma senha valida. Use letras, numeros e os caracteres: *-+.?!")] 
[Display(Name = "Nova senha")] 
public string NewPassword { get; set; } 

[Required(ErrorMessage = "Senha de confirmagao e obrigatoria.")] 

[DataType(DataType.Password)] 

[Display(Name = "Confirme a senha")] 

[Compare("NewPassword", ErrorMessage = "A nova senha nao coincide com a senha de 
confirmagao. Por favor, digite novamente.")] 

public string ConfirmPassword { get; set; } 

} 

public class LogOnModel { 

[Required(ErrorMessage = "Nome do usuario e obrigatorio.")] 

[RegularExpressi on("A[a-zA-Z0-9]{1,256}$", 

ErrorMessage = "Digite um nome de usuario valido.")] 

[Display(Name = "Usuario")] 
public string UserName { get; set; } 
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[Required(ErrorMessage = "Senha e obrigatoria.")] 

[DataType(DataType.Password)] 

[RegularExpression(@"A[a-zA-Z0-9_\*\-\+\A?\!]{8,128}S" > 

ErrorMessage = "Digite uma senha valida. Use letras, numeros e os caracteres: *-+.?!")] 
[Display(Name = "Senha")] 
public string Password { get; set; } 

[Display(Name = "Lembre-me?")] 
public bool RememberMe { get; set; } 

} 

public class RegisterModel { 

[Required(ErrorMessage = "Nome do usuario e obrigatorio.")] 

[RegularExpression("A[a-zA-Z0-9]{l,256}$", ErrorMessage = "Digite urn nome de usuario 
valido, Nao use espagos. Somente letra e numeros.")] 

[Display(Name = "Usuario")] 
public string UserName { get; set; } 

[Required(ErrorMessage="E-mail e obrigatorio.")] 

[DataType(DataType.Emai1Address)] 

[RegularExpression (@"a\w+( [-+.]\w+) *@\w+( [-.]\w+)*\.\w+([-.]\w+)*$", 

ErrorMessage = "Digite urn e-mail valido.")] 

[Display(Name = "E-mail")] 
public string Email { get; set; } 

[Required(ErrorMessage = "Senha e obrigatoria.")] 

[ValidatePasswordLength] 

[RegularExpression(@"A[a-zA-Z0-9_\*\-\+\A?\!]{8,128}$", ErrorMessage = "Digite uma senha 
valida. Use letras, numeros e os caracteres: *-+.?!")] 

[DataType(DataType.Password)] 

[Display(Name = "Senha")] 

public string Password { get; set; } 

[Required(ErrorMessage = "Senha de confirmagao e obrigatoria.")] 

[DataType(DataType.Password)] 

[RegularExpression(@"A[a-zA-Z0-9_\*\-\+\.\?\!]{8,128}S", 

ErrorMessage = "Digite uma senha valida. Use letras, numeros e os caracteres: *-+.?!")] 
[Display(Name = "Confirme a senha")] 

[Compare("Password", ErrorMessage = "A nova senha nao coincide com a senha de confirmagao, 
Por favor, digite novamente.")] 

public string ConfirmPassword { get; set; } 

} 

No arquivo de configuragao web.config voce pode definir o atributo passwordStrengthReg 
ul arExpressi on e determinar uma expressao regular para avaliar a senha. 

Exemplo: 
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cmembership defaultProvider="SqlProvider"> 

<providers> 

<clear /> 

<add name="SqlProvider" type="System.Web.Security.SqlMembershipProvider" 
connectionStringName="SqlBDseguro" applicationName="AppCapituloil" 
enablePasswordRetrievaVfalse" requiresUniqueEmaiV'true" 
minRequiredPasswordLength="8" minRequiredNonalphanumericCharacters="l' ! 
passwordStrengthRegularExpression="A[a-zA-Z0-9_\*\-\+\A?\!]{8,15}S" /> 

</providers> 

</membership> 

Obs.: as expressoes regulares usadas nos exemplos deste livro devem ser analisadas e 
testadas antes de serem implementadas em aplicagoes reais. 

11.6 Seguran^a de acesso ao codigo 

Voce precisa restringir o acesso aos recursos protegidos, ou seja, nao basta ter um 
formulario de login; e preciso determinar quem pode acessar o que. 

O principio da defesa em profundidade rege a utilizagao de varias camadas de 
protegao. Voce deve restringir o acesso a um recurso por intermedio do arquivo de 
configuragao web.config: 

<?xml version="1.0" encoding="utf-8"?> 

<configuration> 

<system.web> 

<authorization> 

<allow roles="Administradores" /> 

<deny users="*"/> 

</authorization> 

</system.web> 

</configuration> 

No metodo de controlador com o atributo Authorize: 

[HttpPost,Authorize(Ro1es = "Administradores")] 
public ActionResult Create(Category entidade) { 

// Restante do codigo 

} 

E por meio de seguranga de acesso ao codigo. Nesse caso, aplicamos o atributo 
Principal Permission a classe partial Category do ADO.NET Entity Framework: 

[PrincipalPermission(SecurityAction.Demand, Role = "Administradores")] 
public void AddToCategories(Category category) { 
base.AddObject("Categories", category); 

} 

Obs.: se voce alterar as classes do ADO.NET Entity Framework com o assistente do 
Visual Studio, as alteragdes personalizadas serao perdidas. 
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Mesmo com todos esses cuidados, um componente ainda pode ser acessado por um 
usuario mal-intencionado. Para evitar que alguem use o seu componente de acesso 
a dados, assine o componente com chaves criptografadas. No Developer Command 
Prompt for VS2013, digite: 
sn -k chaves.snk 

Copie o arquivo chaves.snk para o seu projeto no Visual Studio. Na janela Solution Explorer. 
Clique com o botao direito do mouse na raiz da aplicagao. Selecione Properties. Em se- 
guida, clique em Signing. Na caixa de combinagao Choose a strong name key File: insira chaves.snk 
Componentes, ou seja, DLLs assinadas com chaves criptografadas usadas pelo ASP. 
NET, devem ser armazenadas no Global Assembly Cache (GAC) com o auxilio da 
ferramenta gacutil.exe. 
gacutil /i componente.dll 

11.7 Prote$ao extra 

Antes de momentos criticos, como alterar uma senha, acessar o cadastro de usuarios, 
excluir produtos etc., solicite a senha novamente ao usuario. Esse e um recurso neces- 
sario, pois um usuario mal-intencionado pode reproduzir um cookie de autenticagao 
legitimo. A solicitagao da senha evita o acesso direto ao recurso protegido. E deve ser 
parte da estrategia de defesa em profundidade usada pela aplicagao. 

Outra forma de protegao extra e a utilizagao de CAPTCHAs. CAPTCHA e o nome 
atribuido as imagens com codigos numericos, palavras ou conjunto de letras e nu- 
meros usados por formularios de cadastro e login. Essas imagens podem ser lidas 
por um ser humano, mas nao por um software. Assim, evitamos que um usuario mal- 
-intencionado utilize um processo automatizado para descobrir uma senha. A ideia 
central e criar um mecanismo de verificagao (um porteiro) que permita somente a 
entrada de seres humanos e nao de maquinas. 

Use CAPTCHAs em todos os formularios. Atualmente, o CAPTCHA do Google e usado 
por milhares de websites. Para incluir o CAPTCHA do Google no seu website, acesse: 
http://www.google.com/recaptcha 

e siga os passos descritos para implementagao. 

11.7.1 Ataques CSRF 

Ataques de um unico clique (CSRF) podem ser evitados com o HTML helper 
AntiForgeryToken: 

©using (Html .BeginFormQ) { 

©Html .AntiForgeryTokenO 
©Html.ValidationSummary(true) 
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<fieldset> 

<legend>Nova categoria</legend> 

<div class="editor-1abel"> 

@Html.LabelFor(model => model.CategoryName) 

</div> 

<div class="editor-field"> 

©Html.TextBoxFor(model => model.CategoryName, new { ©style = "width: 250px;" }) 

©Html.ValidationMessageFor(model => model.CategoryName) 

</div> 

<div class= n editor-label"> 

©Html.Label For(model => model.Description) 

</div> 

<div class="editor-field"> 

©Html.TextAreaFor(model => model.Description, new { ©style = "width: 250px;" }) 

©Html.ValidationMessageFor(model => model.Description) 

</div> 

<P> 

<input type="submit" value="Create" /> 

</p> 

</fieldset> 

} 

Ao executar a pagina o HTML helper Anti ForgeryToken gera um valor aleatorio criptogra- 
fado em um campo oculto de formulario e em um cookie. O valor e semelhante a este: 

<form action="/Home/Create" method="post"> 

<input name="„RequestVerificationToken" type="hidden" 

value= ,, 3PyYVm0+Dnk02DVZzCRzKeDWTkIA/QiYgCyhjPLWZPUs/Tj8zl8oH18H4QHDAAcyB9csjFe8MlqVzeH5oKwZ 

zIbqw/eR84bpCQVlqfxDxfUTdEljnw6UqxP/FiGS8yAZcVU7HSqf]+/sQewAd2PSCSfESRCsMFufvghf7D3Zzn8=7> 
O HTML helper Anti ForgeryToken aceita os seguintes parametros opcionais: 

Parametro Descri^ao 

salt Valor aleatorio usado para aumentar a seguranga. Pode ser algo semelhante a 

uma senha. Exemplo: jh45T2d6j+djk4h6sjfg-ahsj+45fdgjd 

domain O cookie e associado a um website, e nao a uma pagina especifica. 

path Define o diretorio da aplicagao no qual o cookie pode ser acessado. 

Obs.: quando voce define o parametro salt no HTML helper Anti ForgeryToken e ne- 
cessario defini-lo tambem, com o mesmo valor, no atributo ValidateAntiForgeryToken. 

O atributo ValidateAnti ForgeryToken compara o valor do campo oculto de formulario e 
do cookie: 

[ValidateAntiForgeryToken, HttpPost, Authorize(Roles = "Administradores")] 
public ActionResult Create(Category entidade) { 

// Restante do codigo 


} 
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Se for diferente, um erro e gerado. Significa que a pagina foi adulterada ou o me- 
canismo de cookie no navegador do usuario esta desativado. Observe a figura 11.5: 


fS A required anti-forgery token was not supplied or was invalid... [- |[ □ j jX j 


W [tPj Hr, localhost ’v3H C ~ v X [D*? Snj > JP ” 

Arquivo Editar Exibir Favoritos Ferramentas Ajuda 

$3? Favoritos ^ >0 a required anti-forgery token was not supplied or was,.. j j 

Server Error in '/' 

Application. 

A required anti-forgery token was not 
supplied or was invalid. 

Description: An unhandled exception occurred during the execution of the 
current web request. Please review the stack trace for more information about 
the error and where it originated in the code. 

Exception Details: System.Web.Mvc HttpAntiForgeryException A 
required anti-forgery token was not supplied or was invalid 

Source Error: 

~_ J __ 

&*>■*%*<* 

Cone ^ Intranet local - \ 125% - 

Figura 11.5 - Validagao AntiForgeryToken falha. 

11.7.2 Atributos Validatelnput e AllowHtml 

Para aceitar elementos HTMLem campos de formulario, defina o atributo Validatelnput 
como false em um metodo de controlador: 

[HttpPost, Validatelnput(false)] 

public ActionResult Create(Category entidade) { 

// Restante do codigo 

} 

Para permitir a entrada de elementos HTMLem campos especificos, defina o atributo 
AllowHtml na propriedade correspondente ao campo: 

[AllowHtml] 

public string Description { get; set; } 

Exemplo: 

public class Category { 

[Display(Name = "Categoria")] 

public string CategoryName { get; set; } 
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[A11owHtml] 

[Display(Name = "Descrigao")] 
public string Description { get; set; } 

} 

11.8 Validando entradas 

Identifique e valide sempre todas as entradas da sua aplicagao. Entenda por entrada: 
campos de formularios, query string, campos ocultos, estado de visualizagao, cookies 
normais e ocultos, entrada para componentes e web services. 

Nao confie na validagao do lado do cliente (JavaScript), valide a aplicagao tambem 
no lado do servidor. 

Restrinja a entrada, verifique os dados validos. Use expressoes regulares: 

[RegularExpression(@"A[a-zA-Z0-9_\/\s]{3,15}S", ErrorMessage="Digite uma categoria valida.")] 
public string CategoryName { get; set; } 

Ou verifique a entrada usando o metodo TryParse de um tipo de dados especifico. 
Exemplo: 

[HttpPost] 

public ActionResult Create(Product entidade) { 

Decimal resultado; 

if (1Decimal.TryParse(entidade.UnitPrice.ToString(), out resultado)) return View(); 
return View(); 

} 

Ao validar uma entrada verifique o tipo de dados, o comprimento, o formato e o 
intervalo. 

11.9 Autenticagao 

Na autenticagao o usuario se identifica para a aplicagao. Os principais cuidados que 
devemos ter sao: 

• Transmitir credenciais via SSL. 

• Nao compartilhar o cookie de autenticagao com os cookies da aplicagao. 

• Manter uma politica rigida de senhas. As senhas devem conter letras maiusculas, 
minusculas, numeros e caracteres nao alfanumericos. 

• Valide as entradas do formulario de login. 

• UseCAPTCHAs. 
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11.10 Auto riza^ao 

Na autorizagao voce controla os recursos protegidos que o usuario autenticado pode 
acessar na aplicagao. 

Os principals cuidados que devemos ter na autorizagao de usuarios sao: 

• Divida a aplicagao em areas publicas e restritas. 

• Nunca conceda acesso irrestrito a um usuario ou grupo. Os usuarios devem 
ter acesso limitado as fungoes que executam na aplicagao. 

• Divida os usuarios em grupos de usuarios. 

• Use protegao miiltipla, por exemplo, restrinja o acesso a area restrita no arquivo 
de configuragao web.config, no metodo de controlador com o atributo Authorize, 
na classe de acesso de dados com seguranga de acesso ao codigo e, no banco 
de dados, conceda acesso somente a stored procedures. 

11.11 Dados confidences 

Os segredos da aplicagao nao devem ser armazenados, se nao, armazene os dados 
criptografados. Quanto maior for o tempo de armazenamento das informagoes, maior 
deve ser o tamanho da chave criptografica. 

A seguir, os principals algoritmos de criptografia usados pelo .NET Framework: 

• Data Encryption Standard (DES) chave de 64-bit 

• TripleDES chave de 128-bit ou 192-bit 

• Rijndael chave de 128-256 bit 

• RSA chave de 384-16,384 bit 

Cuidados que devemos ter com dados sigilosos: 

• Nunca armazene segredos no codigo ou em texto puro no banco de dados. 

• Transmita as informagoes sigilosas via SSL ou IPSec. 

• Descriptografe as informagoes somente quando for usa-las; em seguida, 
descarte-as. 

• Armazene sempre hash de senhas. 

• Nunca armazene informagoes sigilosas em cookies, query strings ou campos 
ocultos, cabegalhos de resposta, cache. 

• Nao desenvolva seu proprio mecanismo de criptografia, use os algoritmos de 
criptografia do .NET Framework. 
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11.12 Manipulate) de parametros 

Nao tome decisoes importantes, como alterar pregos, realizar calculos baseando-se 
em campos de formulario normais ou ocultos, query string, cabegalhos de resposta, 
cookies. Use-os apenas para passar identificadores de paginas. 

11.13 Gerenciamento de excegoes 

Nao revele informagoes que possam ser usadas por um usuario mal-intencionado. 
Por exemplo, nao use mensagens especificas, como: 

A senha esta incorreta. 

Use mensagens de erro genericas: 

0 nome do usuario e/ou senha estao incorretos. 

Proteja a aplicagao, defina o atributo mode do elemento como customErrors: 

<?xml version="1.0" encoding= M utf-8"?> 

<configuration> 

<system.web> 

<customErrors mode="RemoteOnly n /> 

</system.web> 

</configuration> 

11.14 Log de erros 

O objetivo do log e identificar as atividades e anomalias da aplicagao. Crie um arquivo 
de log com todas as excegoes ocorridas na aplicagao e o armazene no banco de dados 
da aplicagao ou use um banco de dados separado. Um otimo local para gravar o log 
e no arquivo Global .asax: 

void Application_Error(object sender, EventArgs e) { 

Exception ex = Server.GetLastErrorO; 

// ex.Message 
Server.ClearError(); 

} 

No ASP.NET MVC temos a possibilidade de criar um filtro agao global para gravar 
as informagoes no log. 

Armazene a mensagem retornada pela propriedade Message em um banco de dados 
ou no log de eventos do Windows. Alem das excegoes, voce pode logar as paginas 
restritas acessadas pelos usuarios do website e toda a atividade do banco de dados. 

Obs.: nao efetue o log de informagoes sigilosas. 
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11.15 Aplicando SSL 

Os diretorios que contem os arquivos que acessam recursos restritos ou de autenti- 
cagao de usuarios devem ser protegidos com SSL. 

Aplique o atributo Requi reHttps aos metodos de controlador que exigem SSL. Como 
o metodo Create: 

[HttpPost, RequireHttps, Authorize(Roles = "Administradores")] 
public ActionResult Create(Category entidade) { 
return ViewQ; 

} 

E Edit: 

[HttpPost, RequireHttps, Authorize(Roles = "Administradores")] 
public ActionResult Edit(Category entidade) { 
return View(); 

} 

E os metodos de controlador de autenticagao de usuarios, como LogOn: 

[HttpPost, RequireHttps] 

public ActionResult LogOn(LogOnModel model, string returnllrl) { 

// Restante do codigo 

} 

O metodo Register: 

[HttpPost, RequireHttps] 

public ActionResult Register(RegisterModel model) { 

// Restante do codigo 

} 

E ChangePassword: 

[Authorize, HttpPost, RequireHttps] 

public ActionResult ChangePassword(ChangePasswordModel model) { 

// Restante do codigo 

} 

11.15.1 Configurando SSL no Servidor web 

Para criar um certificado de teste use a ferramenta makecert do .NET Framework: 

makecert -r -pe -n "CN=NomeDoComputador" -b 01/01/2000 -e 01/01/2036 -eku 1.3.6.1.5.5.7.3.1 -ss 
my -sr localMachine -sky exchange -sp "Microsoft RSA SChannel Cryptographic Provider" -sy 12 

Clique no menu Iniciar > Todos os programas > Microsoft Visual Studio 2013 > Visual Studio Tools > 
Developer Command Prompt for VS2013. Em seguida, digite: 
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makecert -r -pe -n u CN=alfredo" -b 01/01/2000 -e 01/01/2036 -eku 1.3.6.1.5.5.7.3.1 -ss my -sr 
localMachine -sky exchange -sp "Microsoft RSA SChannel Cryptographic Provider" -sy 12 

O nome do computador e obrigatorio e e usado para acessar a pagina via SSL. 

Exemplo: 

https://alfredo/capituloll/home 

No IIS 7 voce tem a opgao de usar local host na URL em vez do nome do servidor: 
https://Iocalhost/capituloll/home 


Apos a criagao do certificado de teste com a ferramenta makecert, configure o IIS. Siga 
os passos descritos a seguir: 

• No menu Iniciar do Windows, clique em Executar.... 

• Na caixa Abrir, digite inetmgr e, em seguida, clique em OK. 

• Em seguida, clique com o botao direito do mouse em Site da Web padrao e selecione 

Propriedades. Observe a figura 11.6: 



srvifos de informapoes da Internet 
jf ALFREDO (computador local) 

;! Cj Pools de aplicativos 
5 CJ Sites da Web 


Caminho 

C:\Livro\AppCapitulol 1 


Nome 

' capitulo 11 
CJ aspnet_client 


iisstart.htm 


Expiorar 

Abrir 

Permissoes 

Procurer 


Novo 

Todas as tarefas 


Exibir 

Nova janela comef ando aqui 


Excluir 
Renomear 
Atualizar 
Exportar lista, 


Abre a caixa de dialogo de propriedal 


Figura 116 - Gerenciador do IIS. 


• Na caixa de dialogo Propriedades de Site da Web padrao, clique na aba Seguranja de diretorio 

e, em seguida, em Certificado de servidor.... Observe a figura 11.7: 
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| i ■ ! empenh Filtros ISAPI Pasta base Documentos 

jeguranga de diretorio j Cabegalhos HTTP Erros personalizados ASP.NET 


Autenticagao e controls de acesso 

j, , Ative o acesso anonimo e edite os 

metodos de autenticagao deste recurso. 


Restricoes de enderego IP e nome de dorrnhio 


Conceder ou negar acesso a este recurso 
usando enderegos IP ou nomes de domfnio 
da Internet. 


lornunicagoes de seguranga 

Exija comunicagoes seguras e ative os 
certificados de diente quando este 
recurso for acessado. 


lertificado de servidor 


Figura 11.7 - Caixa de dialogo Propriedades de Site da Web padrao. 

Na caixa de dialogo seguinte, clique em Avan^ar. 

Na caixa de dialogo Assistente de certificado do IIS, marque a caixa de opgao Atrlbuirum 
certificado existente. Clique em Avan^ar, conforme a figura 11.8: 


Certificado de servidor 

Estes sao os metodos para atribuir um certificado a urn site. 


Selecione o metodo que voce deseja usar para este site: 
O Criar um novo certificado. 


0 lAtribuir urn certificado existentd 

0 Importar um certificado de um arquivo de backup do 'Qerenciador de chaves' 
0 importar um certificado de um arquivo .pfx 

0 Copiar ou mover um certificado de um site de servidor remoto para este site. 


< Voltar I Avangar > 


Figura 11.8 - Caixa de dialogo Certificado de servidor. 

Na caixa de dialogo Certificados dispomveis, selecione o certificado criado para o 
nome do seu computador. Observe a figura 11.9: 
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Certificados dispomveis 

Os certificados que voce pode usar para o servidor Web estao listados 

abaiKo. 


Seieciorre urn certificado 
1 Emitidopara Emitidopor 


Data de validade Fmalidade 


N omeD oComput. .. N omeD oComput... 1/1 /2036 


Autenticagao do... f 


< Voitar |j Avangar > | Cancelar 


Figura 11.9 - Lista de certificados dispomveis. 
Clique em Avangar nas telas seguintes e em Concluir, 


11.15.2 Aplicando SSL a um diretorio 

Aplique SSL aos diretorios Admin e Account. No gerenciador do IIS, clique com o botao 
direito do mouse no diretorio Admin e, em seguida, em Propriedades. Na aba Seguran^ade 
diretorio, clique em Editar. Observe a figura 11.10; 



B0® 


Gerenciador dos Servigos de informagoes da Internet (IIS) 


% Arquivo Ajao Exibir Janela Ajuda 

<N * ffj.13 Xi'll |f 

% Servifos de informajoes da Internet 
- ALFREDO (computador local) 

B ;_j Pools de apfcativos 
Q f§3 Sites da Web 

- |g| Site da Web padrao 
- capitulol 1 
EE _j AppJJata 

6 Areas 

8 ten Explorar 

ffi _J Content j Abnr 

i i_J Controller Permissoes 

t J Models j p rocurar 

as obj 

ffi CJ Propertied 

'S Scripts ; 

® J Views 

rfc <aspnet_client j 
S fp Extensoes de servijod 
ffi % Servidor virtual SMTP ; 


Caminho 


Cj Controllers 
uJ Models 


i AdminAreaRegistration, 

; web.config m 


Cabefalhos HTTP 
Diretorio j| 


slteados 


Seguranja de diretc 


Autenticafao e control© de acesso 

. , Ative o acesso anonimo e edite os 

metodos de autenticagao deste recurso. 


Editar. 


Nova janela comegando aqui 


Restrigoes de endereco IP > 


! de dominio 


Conceder ou negar acesso 
usando enderegos IP ou noi 
da Internet. 


Renomear 
Atualfear 
Exportar lista. 


de domfnio 


ComunicagSes de seguranga 

— Exija comunicagoes seguras e ative 
^§21 certificados de cliente quando este 
recurso for aeessado. 


Propriedades 




Figura 11.10 - Selecionando o diretorio Admin para aplicar SSL. 








302 Programando com ASP.NET MVC 

Na caixa de dialogo Comunica0esdeseguran?a, marque a caixa de opgao Exigir canal deseguranp 

(SSL), conforme a figura 11.11: 


Comunica^oes de seguran^a 


E jE/iqir canal de segurancafSSL): 
F~1 Exigir criptografia de 128 bits 


■MpiMWMMHn 


Certificados de clients 
O Ignorar certificados de clients 
@ Aceitar certificados de cliente 
0 Exigir certificados de cliente 

i j Ativar mapeamento de certificado de cliente 

Os certificados de cliente podem ser mapeados para 
contas de usuario do Windows. Isso permite o 
controle de acesso a recursos que estejam usando 

certificados de clients. 


^3 


Afuda 


Figura 11.11 -Aplicando SSL ao diretorio Admin. 

Repita os passos anteriores para o diretorio Account e, em seguida, acesse as paginas 
protegidas com SSL, prefixo https, normalmente: 


https://Iocalhost/capituloll/Account/LogOn 








CAPITULO 12 

Desenvolvendo um website com o ASP.NET MVC 


Neste capitulo desenvolvemos passo a passo um pequeno website. Para cada recurso 
determinamos os requisites da aplicagao, definimos o layout, se necessario criamos 
as tabelas e a camada de dados, validamos as entradas e codificamos os metodos de 
controlador. 

Nao ha necessidade de voce digitar todas as marcagdes HTML das paginas. Baixe os 
arquivos de exemplo no website da Editora Novatec e monte as paginas. Se voce tiver 
duvidas ou sugestoes sobre a aplicagao, entre em contato comigo. E-mail de contato: 
alfredolotar@gmail.com 

12.1 Especificagoes 

Aelaboragao das especificagoes e o primeiro passo no desenvolvimento de qualquer 
aplicagao. E nesse estagio que voce define o que eeo que faz a aplicagao. Quais re- 
cursos serao implementados. Como a aplicagao sera desenvolvida etc. 

Podemos dividir as especificagoes em diversos niveis ou tipos. As especificagoes de 
nivel 1, digamos assim, sao elaboradas em conjunto com o cliente. 

As especificagoes de nivel 2 sao elaboradas pelo programador ou analista de sistemas. 
Sao mais completas e podem ser subdivididas em diversos niveis. 

Vamos supor que um cliente solicita uma aplicagao de comercio eletronico para um 
programador e informa que deseja que o website tenha um mecanismo de busca e 
que aceite duas formas de pagamento - boleto e cartao de credito. 7 

Apartir dessas informagoes, o programador pode elaborar as especificagoes de nivel 
2, ou seja, voce lista todos os recursos essenciais, importantes e acessorios em um 
website de comercio eletronico. 

Apos a pesquisa, analise e definigao das especificagoes. Chegamos a conclusao de que 
o website de exemplo deste livro implementara os seguintes recursos: 

• Pagina inicial. 

• Mecanismo de busca. 
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• Menu exibindo as categorias de produtos. 

• Lista de produtos por categoria. 

• Carrinho de compras. 

• Cadastro de clientes. 

• Login de clientes. 

Como ja mencionamos, as especificagdes podem ser divididas em subniveis, por 
exemplo; podemos pegar o recurso mecanismo de busca e subdividi-lo, ou seja, voce 
precisa ser cada vez mais objetivo e especifico. 

Elaborar especificagoes significa tomar uma serie de decisoes sobre o que, quando e 
como usar cada recurso, tecnologia, fungao, classe, imagem, banco de dados, texto etc. 

Ao subdividir a especificagao mecanismo de busca pense: 

• Quais informagoes devem ser exibidas no mecanismo de busca. 

• Como funciona o mecanismo de busca. 

• Quando essas informagoes serao exibidas. 

• Como sera o design: 

• Qual a cor e tipo de fonte. 

• Como sera o layout. 

• Quais imagens precisam ser criadas. 

• Quais recursos serao utilizados. Exemplo: cookies, variaveis de sessao, cache, 
registro etc. 

• Que tabelas do banco de dados serao utilizadas. 

• Quais instrugoes LINQ, SQL ou stored procedures serao utilizadas. 

• Que fungoes, classes, metodos, propriedades, eventos serao criados. 

• Quais controles do ASP.NET ou HTML helpers serao utilizados. 

Apos a definigao das especificagdes - recursos que o nosso website de comercio ele- 
tronico deve implementar -, definimos quais informagoes serao exibidas. 

Ao desenvolver um website ou recurso especifico da aplicagao, e importante seguir 
os seguintes passos: 

• Determine os requisites do recurso ou aplicagao. 

• Defina quais informagoes cada recurso deve conter. 

• Projete o design da aplicagao ou recurso. 

• No banco de dados defina as tabelas e os campos necessarios. 

• Acrescente a tabela ao modelo conceitual do ADO.NET Entity Framework. 

• Desenvolva a camada de dados. 
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• Valide as propriedades references a cada tabela. 

• Crie os metodos de controlador. 

• Desenvolva os views, os seja, a camada de apresentagao. 

• Monte e teste a aplicagao. 

12.1.1 Quais recursos devo usar 

Ao projetar um recurso especifico do website tenha em mente as seguintes questoes: 

• O recurso deve ser colocado no cache? Sim ou nao? 

• O modo de programagao Ajax se aplica? Sim ou nao? 

• O recurso usa cookies? Sim ou nao? 

• O recurso usa variaveis de sessao? Sim ou nao? 

• O recurso necessita de paginagao? Sim ou nao? 

• Ha necessidade de validagao de entradas e de propriedades? Sim ou nao? 

• E um recurso restrito? 

• SSL e necessario? Sim ou nao? 

• E necessario aplicar atributos de seguranga (Requi reHttps, Authorize, 
ValidateAntiForgeryToken, Bind)? Sim ou nao? 

• E necessario registrar o acesso ao recurso no log? Sim ou nao? 

• E necessario criptografar as informagoes no banco de dados? Sim ou nao? 

• Deve ser aplicada a seguranga de acesso ao codigo? Sim ou nao? 

A seguir listamos as informagoes contidas em cada recurso do website, ou seja, defi- 
nimos as especificagoes. A figura 12.1 ilustra a relagao entre os recursos da aplicagao 
de exemplo: 



Figura 12.1 - Recursos do website de exemplo. 

Obs.: sugerimos que voce implemente o recurso finalizar pedido e atualizar cadastro. 
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11.2 Criando uma nova aplicagao 

Para desenvolver o website de exemplo abordado neste capitulo, inicie o Visual Studio. 

Acesse o menu File e clique em New Project.... 

Na caixa de dialogo New Project selecione Web > Visual Studio 2012 > ASP.NET MVC 4 Web Application. 

Nomeie o projeto como AppCapitulol2 e clique em OK. 

Em seguida, na caixa de combinagao View Engine, selecione o mecanismo de exibigao 
Razor, selecione o template Internet Application. Observe a figura ILL 


12.3 Teias da aplicagao 

Apos elaborar as especificagoes, voce, como projetista da aplicagao, precisa decidir 
quais informagoes cada pagina deve conter. 

Com base nessas informagoes voce tern condigoes de elaborar o design da pagina, 
criar as tabelas com seus respectivos campos. E, e claro, iniciar a codificagao e os testes. 

Nas paginas a seguir observe as figuras e veja as informagoes contidas em cada pagina 
da aplicagao de exemplo, como a pagina de layout do website que contem o conteudo 
comum a todas as paginas. A figura 12.2 ilustra o conteudo da pagina de layout. 



,r localhost v ^ 

Arguivo Editar Exibir Favoritos Ferramentas Aiuda 


# Favoritos Programando com ASP.NE, 


Pagina ▼ Seguranca 


LOGO 


Beverages 

Condiments 


Aqut e inserido o conteudo de cada pagina 


Confections 


Dairy Products 
Grains/Cereais 


Meat/Poultry 


‘Jb *2 Intranet local 


Figura 12.2 - Conteudo comum a todas as paginas. 
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A pagina inicial do website exibe o produto mais recente de cada categoria, conforme 
a figura 12.3. 


localhost : . 


Arguivo Editar Exibir Favorites Ferramentas Ajuda 


Favoritos j Programando com ASP, NE, 


Pagina ▼ Seguranga 


LOGO 


Produto 


Quant porunidade Prego Unid, estoque 


Lakkalikoori 


Beverai 


Original Frankfurter grune SoBe 12 boxes 


Comprar 


Condiments 


Scottish Longbreads 


10 boxes x 8 pieces s R! 


Confection; 


Dairy Products 


Mozzarella di Giovanni 


Comprar 


Wimmers gute Semmelknodel j 20 bags x 4 pieces j R$ 3i 


Comprar 


MeaUPoultry 


ft s Intranet local 


Figura 12.3 - Pagina inicial do website. 

O menu contem todas as categorias cadastradas na tabela Categories do banco de 
dados Northwind (Figura 12.4). 


Beverages 

Condiments 


Confections 


Dairy Products 
Grains/Cereals 


Meat/Pouitry 

Produce 


Seafood 


Computadores 


Figura 12.4 - Menu do website de exemplo. 

Ao clicar em determinada categoria o usuario exibe os produtos da categoria. Se 
necessario, o mecanismo de paginagao e acionado. Observe a figura 12.5. 
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localhost 


Arguivo Editar Exibir Favorites Ferramentas Ajuda 
^Favoritos I 0 Programando com ASP. ME,,, § 


Pagina Seguranja 


LOGO 


Entrar 


Prodtrto 


Quant, por unidade Prego Unid, estoque 


10 boxes x 20 bags RS 18.00 


Comprar 


24-12 02 bottles 


Comprar 


;enen 


Condiments 


Guarana Fantastis 


12-355 mi cans 


Confections 


Comprar 


Dairy Products „ ; Sasquatch Ale 
Grains-Cereals 

Steeieye Stout 

Meat-Poultry 

i Produce ] 2.I 1 _ 

http; //localhost; 1126/Home/ListaProdi 


24 - 12 os bottles 


Comprar 


24 - 12 oz bottles 


f|$ Intranet local 


Figura 12.5 - Produtos por categoria. 


O mecanismo de busca retorna todos os produtos que contem o termo de busca, ou 
seja, e uma busca simples que visa basicamente a ilustrar o funcionamento de um 
sistema de busca. Observe a figura 12.6. 



fi- Programando com ASP.NET MVC - Alfredo Lotar 


Esqueceu a senha' 


Pagina r Seguranfa 


LOGO 


Entrar 


r* localhosr 

Arguivo Editar Exibir Favoritos Ferramentas Ajuda 

Favoritos j Jp Programando com ASP,NE... $j| ’ © 


Pesqursar 

| Resultado da busca para; ch 


gg 

mm 

hhhhhhi 1 

ich li n¥ 



Prcgo 


j Categories 

1 Chai 

10 boxes x 20 bags 

R$ 18,00 

39 

Comprar 

Beverages 

Condiments 

i Chef Antons Cajun Seasoning 

48-6 oz jars 

RS 22,00 

53 

Comprar 

Confections 

Chef Anton's Gumbo Mix 

I 36 boxes 

j RS 21,35 j 

0 

Comprar 

Dairy Products 

Queso Manchego La .Pastor.a 

i 10-500 gpkgs. 

: RS 38,00 

88 

i Comprar 

Grains/Cereals 

Teatime Chocolate Biscuits 

| 10 boxes x 12 pieces 

j RS 9,20 

25 

: Comprar 

M eat/P outtry 

Produce 

1 23> 




7'. * 

/Home/Find/ 


Intranet local 

__ 

- \ 125% - 


Figura 12.6 - Resultado da busca com paginagao. 
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0 carrinho de compras contem os itens selecionados pelo usuario/cliente. Ao acessar 
o carrinho de compras podemos visualizar e excluir os itens. Observe a figura 127. 



fS' Programando com ASP.NET MVC - Alfredo Lotar 


Carrinho Meu Cadastro Contato 


Esqueceua senha' 


localhos 


Arguivo Editar Exibir Favorites Ferramentas Ajuda 


Hit Favorites j gp Programando com ASP. NE, 


LOGO 


Guantidade Valor unitario Valor total Excluir 


Produtos 


Aniseed Syrup 


Beverages 

Condiment? 


Confections 


Dairy Produ* 


Meat-Poultry 


Intranet local 


Figura 12.7 - Carrinho de compras. 


0 formulario de contato envia as informagoes digitadas para uma tabela do banco 
de dados. Veja a figura 12.8. 



fF Programando com ASP.NET MVC - Alfredo Lotar 


Carrinho 


Contato 


[Um Esqueceu a senha' 


| Contato 


LOGO 



Nome 



Beverages 




Condiments 

E-mail 



Confections 




Dairy Products 

Ass unto 



Grains/Cereals 




Meat-Poultry 



V\ 



% Intranet local 

: A - \ 125% - 


V' £ localhost 



p - 

Arguivo Editar Exibir Favorites Ferramentas 

Ajuda 



W Favoritos gfl Programando com ASP, NE,.. ; 


Q - 3 ^ ■” Pagina - Seguranca» 

» 


Figura 12.8 - Formulario de contato. 
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A tela de login exibe um formulario simples com dois campos para usuarios anoni- 
mos. Observe a figura 12.9. 



Figura 12.9 - Formulario de login. 


Obs.: o formulario de login aparece meio espremido na figura, mas na aplicagao a 
aparencia e normal. 

Para os usuarios logados ocultamos o formulario de login e exibimos a data do ultimo 
login e o nome de usuario. Veja a figura 12.10. 



Carrinho Meu Cadastre Contato 


Ultimo login: 1/9/2011 19:06:31 Seja bem vindo Alfredo Sail 


LOGO 


SB 133 

Produto 

Quant, par unidade 

Prego 

Unid. estoque 


Categories 

j Chai 

i 10 boxes x 20 baas 

| RS 18,00 

! 39 

! Comprar j 

Beverages 





•4-.— -.. -j 

Condiments 

Chef Anton's Cajun Seasoning 

48-6 ozjars 

i RS 22,00 

; 53 

j Comprar j 

Confections 

! Chef Anton's Gumbo Mix 

j 36 boxes 

! RS 21.35 

j 0 

j Comprar j 

Dairy Products 

; Queso Manchego La Pastcra 

10 - 500 gpkgs. 

RS 38,00 

| 86 

; Comprar j 

Grains/Cereals 







; Teatime Chocolate Biscuits 

! 10 boxes x 12 pieces 

RS 9,20 

1 25 

1 Comprar 

Meal/Poultry 





v: 



‘figj Intranet local 

. *tk T 

125% - 
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00 ®' 

j * 74 ▼ £ localhost V ;J < f A 

: ■ :::::::: 

| Arguivo Editar Exibir Favoritos Ferramentas Ajuda | 

Favoritos , gfProgramando com ASP,NE... S " S O 6SP ’ 

Pagina * Seguranfa » 


Figura 12.10 - Mensagem exibida para usuarios logados. 


O cadastro de usuarios e realizado em duas etapas. Aprimeira solicita as informagoes 
de login. Observe a figura 12.11. 















Crie uma nova conta 


0 Programando com ASP.NET MVC - Alfredo Lotar 


Carrinho Meu Cadastro Contato 


Ultimo login: 1/&201119:17:30 Sep bem wndo novatec Sail 


Cadastro de usuarfos - contmuagao, 


Pesqtisar 
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Arguivo Editar Exibir Favoritos Ferramentas Ajuda 

Favoritos ^ Programando com ASP. NE,.. 


Entrap 


Usuarii 


Beverages 

Condiments 


Confections 
Dairy' Products 
Grains/Cereals 


MeatfPoultry 


r me a senha 


Produce 


Seafood 


Computadores 


Intranet iocai 


Figura 12.11 - Formuldrio de cadastro de login. 

E a segunda etapa solicita ao usuario as informagoes pessoais, conforme a figura 12.12. 


localhost 


Arguivo Editar Exibir Favoritos Ferramentas Ajuda 


Pagina» Seguranga 


Favoritos 


^Programando com ASP.NE. 


LOGO 


Beverages 

Condiments 


Confections 


Dairy Products 
Grains/Cereals 


MeaVPoultr) 


Intranet local 


Concluido 


Figura 12.12 - Formuldrio de cadastro de informagdes pessoais. 

Para quem esqueceu a senha temos o formulario que envia para o e-mail cadastrado 
uma nova senha. Observe a figura 12.13. 
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mm 


I | ^ : P localhost v A 

Arguivo Editar Exibir Favorites Ferramentas Ajuda 
| ; Favorites ^Programando com ASP.NE Mi’ 3 ■113 rip Pagina ▼ Seguranga ▼ 


LOGO 


Beverages 

Condiments 

Confections 
Dairy Products 
Grains/Cereals 

MeatfPoultry 

/Account/IMovaSenha/ 




El 

!tr ; 





Esqueceua senha 


Enviar e-maii fi . 


Intranet local 


, % 125 % - 


Figura 1213 - Formulario de envio de senhas . 


12.4 Layout 

O layout dos websites difere pouco um do outro. Isso e bom porque deixa o usuario 
confortavel e facilita a navegagao. 

Geralmente, um website tipico tern um logotipo (no topo) e um menu, ambos a 
esquerda. A parte superior do website, ao lado do logotipo, e usada para exibir anun- 
cios e chamar a atengao para produtos e ser vigos oferecidos pelo website; ja a parte 
inferior content informagoes sobre contato e copyright, entre outras informagoes. 0 
conteudo do website e exibido no centro, podendo ou nao conter outras subsegoes. 

Na figura 12.14 listamos os principais tipos de layouts. 

O layout varia de acordo com o tipo de website e o conteudo exibido pelas paginas. 
Por exemplo, um website de uma imobiliaria exibe pouco texto e fotos grandes dos 
imoveis, enquanto um website de noticias exibe pequenos blocos de texto e algumas 
fotos pequenas. 
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Figura 1214 - Tipos de layouts de paginas de websites. 

0 conteudo comum a todas as paginas deve ser formatado com seletores CSS e colo- 
cado em uma master page - pagina de layout como e denominada quando usamos 
a sintaxe Razor. 

0 layout de um website e dividido em pequenas tabelas. Cada tabela delimita uma 
area da pagina. 

Para formatar as tabelas da aplica^ao substituimos no arquivo Content\Site.css: 
body { 

background-color: #5c87b2; 
font-size: 75%; 

font-family: Verdana, Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif; 
margin: 0; 
padding: 0; 
color: #696969; 

} 

Por: 
body { 

font-size: 75%; 

font-family: Verdana, Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif; color: 
#232323; background-color: #fff; margin-left: 0; margin-right: 0; margin-top: 0; margin- 
bottom: 0; 

} 
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Substituimos tambem o seletor Table: 

Table { 

border: solid lpx #e8eef4; 
border-collapse: collapse; 

} 

table td { 

padding: 5px; 

border: solid lpx #e8eef4; 

} 

table th { 

padding: 6px 5px; 
text-align: left; 
background-color: #e8eef4; 
border: solid lpx #e8eef4; 

} 

Por: 

table { 

border-collapse: collapse; 
border: 0; 

} 

td { 

padding: 0; 

} 

Aaplicagao de exemplo deste livro contem as informagoes comuns a todas as paginas 
no arquivo Views\Shared\_Layout.cshtml. Este arquivo e adicionado quando criamos um 
novo projeto ASP.NET MVC Razor e contem o seguinte codigo: 

<!DOCTYPE htitfl> 

<html> 

<head> 

<title>@ViewBag.Title</title> 

<link href="@Url.Content("-/Content/Site.css")" rel="stylesheet" type="text/css" /> 
<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js") n type="text/javascript"></ 
script> 

</head> 

<body> 

<div class="page"> 

<div id="header"> 

<div id="title"> 

<hl>My MVC Application</hl> 

</div> 
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<div id= n logindisplay"> 

@Html.Partial("_LogOnPartial") 

</div> 

<div id="menucontainer"> 

<ul id="menu"> 

<li>@Html.ActionLink("Home", "Index", "Home")</li> 

<1i>@Html.ActionLink("About", "About", "Home")</li> 

</ul> 

</div> 

</div> 

<div id="main"> 

@RenderBody() 

<div id="footer"> 

</div> 

</div> 

</div> 

</body> 

</html> 

Altere o arquivo de layout Views\Shared\_Layout,cshtml conforme instrugoes a seguir. 
Exclua todo o conteudo dentro da tag body: 

<div class="page"> 

<div id="header"> 

<div id="title"> 

<hl>My MVC AppTication</hl> 

</div> 

<div id="logindisplay"> 

@Html.Partial("_LogOnPartial") 

</div> 

<div id="menucontainer"> 

<ul id="menu"> 

<li>@Html.ActionLink("Home", "Index", "Home")</li> 

<1i>@Html.ActionLink("About", "About", H Home")</li> 

</ul> 

</div> 

</div> 
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<div id="main"> 

@RenderBody() 

<div id="footer"> 

</div> 

</div> 

</div> 

A tabela a seguir insere a estrutura do topo da pagina de layout: 

<table style="text-align: center; border: 0; width: 100%"> 

<tr> 

<td style="background-color: #006486; height: 5px;" colspan="4"> 

</td> 

</tr> 

<tr> 

<td style= ,, background-color: #edf2f2; height: 65px; width: 15px;"> 

</td> 

<td style="background-color: #edf2f2;"> 

<!-- Logo aqui —> 

</td> 

<td style="background-color: #edf2f2; text-align: right; vertical-align: top; width: 25%;"> 
<!— Menu superior aqui --> 

</td> 

</tr> 

</table> 

Apos remover o codigo gerado para a pagina de layout, insira a tabela anterior na 
pagina de layout Views\Shared\_Layout.cshtm'l, conforme instru<;6es no codigo a seguir: 

<!DOCTYPE html> 

<html> 

<head> 

<title>@ViewBag.Title</title> 

<link href="@Url.Content("~/Content/Site.css")" rel= ,, stylesheet" type="text/css" /> 
<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js") n type= ,, text/javascript"></ 
script> 

</head> 

<body> 

<!--Codigo da tabela anterior aqui—> 

</body> 

</html> 

Observe a figura 12.15. 
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Logoaqui Menu superior -fe 

Figura 12.15 - Estrutura do topo do website. 

Em seguida, inserimos a tabela com o logo diretamente na marca “Logo aqui”: 

<table style="width: 100%; border: 0px; M > 

<tr> 

<td style="width: 100%; text-align: justify; color:black; font-size: 40px; font-family: Arial;"> 
<strong>L0G0</strong> 

</td> 

</tr> 

</table> 

Exemplo: 

<table style="text-align: center; border: 0; width: 100%% 

<tr> 

<td style="background-color: #006486; height: 5px;" colspan="4"> 

</td> 

</tr> 

<tr> 

<td style="background-color: #edf2f2; height: 65px; width: 15px;"> 

</td> 

<td style="background-color: #edf2f2;"> 

<table style="width: 100%; border: 0px;"> 

<tr> 

<td style="width: 100%; text-align: justify; col or:black; font-size: 40px; 
font-family: Arial;"> 

<strong>LOGO</strong> 

</td> 

</tr> 

</table> 

</td> 

<td style="background-color: #edf2f2; text-align: right; vertical-align: top; width: 
25 %;"> 

<!-- Menu superior aqui —> 

</td> 

</tr> 

</table> 

Por meio do partial view Views/Home/MenuSuperior.cshtml: 

@{Html.RenderPartial("-/Views/Home/MenuSuperior.cshtml");} 
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Inserimos na marca “Menu superior aqui” a tabela que contem o texto, o link e as 
figuras relativas ao menu superior. Crie o arquivo Views/Home/MenuSuperior.cshtml e insira 
o codigo a seguir: 

<table style= u width; 100%; height; 30px; border: 0;"> 

<tr> 

<td rowspan="2" style="vertical-align: top; text-align: right; background-color: #edf2f2"> 
<img alt="Aba" height="50px" src="@Url. Content ("~/Content/Iiriagens/esq_aba. gif")" 
style="vertical-align: top; border: 0;" width="23px" /> 

</td> 

<td style="width: 25%; background-color: #006486"> 

<div style="text-align: center"> 

<a href="@Href("~/shopping/GetShoppingCartItens")"> 

<img alt="Carrinho de compras" height="26px" 
src="@Url.Content("~/Content/Irnagens/car rinho.gif")" 
style="border: 0;" width="25px" /> 

</a> 

</div> 

</td> 

<td style="width: 35%; background-color: #006486"> 

<div style="text-align: center's 

<a href="@Href("~/account/AtualizarCadastro")"> 

<i mg alt="Meu Cadastro" height="26px" 
s rc="@Url.Content("-/Content/Imagens/cadastro.gif")" 
style="border: 0;" width="25px" /> 

</a> 

</div> 

</td> 

<td style="width: 25%; background-color: #006486"> 

<div style="text-align: center's 

<a href="@Href("~/home/Contato")"> 

<img alt="Contato" height="26px" 

src="@Url.Content("~/Content/Imagens/top_duvidas.gif")" 
style="border: 0;" width="25px" /> 

</a> 

</div> 

</td> 

<td style="background-color: #006486; width: 80px;"> 

</td> 

<td style="background-color: #006486; width: 50px;"> 

</td> 

</tr> 
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<tr> 

<td style="background-color; #006486;"> 

<div style="text-align: center"> 

<span c1ass="menutopo">Carrinho</span> 
</div> 

</td> 

<td style="background-color; #006486;"> 

<div style="text-align: center"> 

<span class="menutopo">Meu Cadastro</span> 
</div> 

</td> 

<td style="background-color: #006486;"> 

<div style="text-align: center"> 

<span class="menutopo H >Contato</span> 
</div> 

</td> 

<td style="background-color: #006486;"> 

</td> 

<td style="background-color: #006486;"> 

</td> 

</tr> 

</table> 


Obs.: as figuras Content/Imagens/esq_aba.gif, Content/Imagens/carrinho.gif, Content/ 
Imagens/cadastro.gif e Content/Imagens/top_duvidas.gif definem, respectivamente, o 
canto esquerdo da figura, logo do carrinho de compras, do cadastro e de contato. 
Faga o download dos arquivos de exemplo do livro e copie as figuras para o seu 
projeto. 

O seletor CSS menutopo define a formataqao do texto “Carrinho” “Meu Cadastro” 
“Contato” e deve ser inserido no arquivo Content/Site.css: 

.menutopo { 

color; #ffffff; 
font-size: llpx; 

font-family: Arial, Helvetica, sans-serif; 

} 


Observe a figura 12.16. 

LOGO 


® ® 0 

Carrinho Meu Cadastro Contato 


Figura 1216 - Logo e menu superior. 
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Em seguida, apos a ultima tag </table> dentro da pagina de layout Views\Shared\_Layout. 
cshtml, acrescentamos a tabela referente ao formulario de login e as mensagens de erro; 

<table style="width; 100%; text-align; center; border: 0;"> 

<tr> 

<td style="background~color: red; display: none; height: 25px;"> 

</td> 

</tr> 

<tr> 

<td style="height: 45px; background-color: #006486"> 

<!— Formulario de login aqui —> 

</td> 

</tr> 

</table> 

Obs.: quando nao ha um local predefinido para a tabela, insira-a sempre abaixo das 
demais. 

Novamente, apos a ultima tag </table> insira a tabela referente ao conteudo da pagina, 
o mecanismo de busca e o menu: 

<table style="width: 100%; text-align: center; border: 0;"> 

<tr> 

<td colspan="3" style="height: 10px;"> 

</td> 

</tr> 

<tr> 

<td style="vertical-align: top; width: 15%"> 

<!-- Mecanismo de busca e menu aqui --> 

</td> 

<td style="vertical-align: top; width: 1% M > 

</td> 

<td style="vertical-align: top; height: 800px; width: 80%"> 

@RenderBody() 

</td> 

</tr> 

</table> 

RenderBody exibe o conteudo do view ao qual o layout esta associado. E @ViewBag,Categoria 
apresenta na tela o titulo da seqao. 

Observe a figura 12.17. 
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Menu Aqui o conteudo da 

pagina 


Fzgwra 12.17 - Determina as areas espedficas da pagina. 

O rodape e concebido com o auxilio da tag HTML div e inserido ao final da pagina 

de layout Views\Shared\_Layout.cshtmL 

<div style="text-align: center; vertical-align: bottom's 

<a class="navegacao" href='7">Home</a> | <a class="navegacao" href="NaoAtivada.htm"> 

Como comprar</a> | <a class="navegacao n href="NaoAtivada.htm">formas de pagamento</a> 

| <a class="navegacao" href="NaoAtivada.htm">Seguran<;a</a> | <a class="navegacao" 
href="NaoAtivada.htm">Trocas e devolugoes</a> | <a class="navegacao" href="NaoAtivada.htm"> 
Duvidas (FAQ)</a> | <a class="navegacao" href="NaoAtivada.htm">Tabela de fretes</axbr /> 

<a class="navegacao" href="NaoAtivada.htm">Politica de privacidade</a> | 

<a class="navegacao" href="Contato.aspx">Fale conosco</a> | 

<a class="navegacao" href="NaoAtivada.htm">Quem 
somos</a> 

</div> 

E e formatado pelo seletor CSS navegacao: 

.navegacao:link { 

text-decoration: none; 
font-family: Arial, Helvetica, sans-serif; 
color: blue; 
font-size: lOpx; 

} 

.navegacao:visited { 
text-decoration: none; 
font-family: Arial, Helvetica, sans-serif; 
color: blue; 
font-size: lOpx; 
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.navegacao:active { 

text-decoration: none; 
font-family: Arial, Helvetica, sans-serif; 
color: blue; 
font-size: lOpx; 

} 

.navegacao:hover { 

text-decoration: none; 
font-family: Arial, Helvetica, sans-serif; 
color: #0099FF; 
font-size: lOpx; 

} 

12.5 Desenvolvendo a camada de dados 

A aplicagao de exemplo deste capitulo usa um repositorio generico, ou seja, desenvol- 
vemos uma interface com a assinatura dos metodos e, em seguida, criamos a classe 
que implementa esses metodos. 

O codigo da interface IGeneridepository e inserido no arquivo IGenericRepository.es: 
using System; 

using System.Col lections.Generic; 
using System.Data.Objects; 
using System.Data.Objects.DataClasses; 
using System.Linq.Expressions; 

namespace AppCapitulol2.Models { 

public interface IGenericRepository : IDisposable { 

IEnumerable<T> GetAl1<T>(); 

IEnumerable<T> Find<T>(Expression<Func<T, bool» predicate); 

T GetSingle<T>(Expression<Func<T, bool» predicate); 

ObjectResult<T> ExecuteSQL<T>(string sql, params object[] parameters); 
void Create<T>(T entidade); 

void Edit<T>(T entidade, Expression<Func<T, bool» predicate) where T : class, IEntityWithKey; 
void Delete<T>(Expression<Func<T, bool» predicate); 

} 

} 

E o codigo da classe EntityFrameworkRepository que implementa os metodos da interface 
IGenericRepository e inserido no arquivo EntityFrameworkRepository.es: 

using System; 

using System.Collections; 

using System.Col1ections.Generic; 

using System.Data.Objects; 

using System.Data.Objects.DataClasses; 



Capi'tulo 12 ■ Desenvolvendo um website com o ASP.NET MVC 


323 


using System.Linq; 

using System.Linq.Expressions; 

namespace AppCapitulol2.Models { 

public class EntityFrameworkRepository : IGenericRepository { 
private ObjectContext _contexto; 
private bool disposed = false; 

public EntityFrameworkRepository(ObjectContext dataContext) { 

_contexto = dataContext; 

} 

public IEnumerable<T> GetAl1<T>() { 

string entityName = GetEntidade<T>(); 

IList<T> query = _contexto.CreateQuery<T>(entityName).ToListQ; 
return query; 

} 

public IEnumerable<T> Find<T>(Expression<Func<T, bool» predicate) { 
string entityName = GetEntidade<T>(); 

var model = _contexto.CreateQuery<T>(entityName).Where(predicate).ToListO; 
return model; 

} 

public T GetSingle<T>(Expression<Func<T, bool» predicate) { 
string entityName = GetEntidade<T>(); 

var model = _contexto.CreateQuery<T>(entityName).Where(predicate).FirstOrDefault<T>(); 
return model; 

} 

public ObjectResult<T> ExecuteSQL<T>(string sql, params object[] parameters) { 
return _contexto.ExecuteStoreQuery<T>(sql, parameters); 

} 

public void Create<T>(T entidade) { 
if (entidade != null) { 

string entityName = GetEntidade<T>(); 

__contexto.AddObject(entityName, entidade); 

„contexto.SaveChanges(); 

} 

} 

public void Edit<T>(T entidade, Expression<Func<T, bool» predicate) where T ; class, 
IEntityWithKey { 
if (entidade != null) { 

string entityName = GetEntidade<T>(); 
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var model = GetSingle(predicate); 
if (model != null) { 

_contexto.ApplyCu rrentValues(model.EntityKey.EntitySetName, entidade); 
_contexto,SaveChanges(); 

} 

} 

} 

public void Delete<T>(Expression<Func<T, bool» predicate) { 
var model = GetSingle(predicate); 
if (model != null) { 

_contexto.DeleteObject(model); 

_contexto.SaveChanges(); 

} 

} 

private string GetEntidade<T>() { 

var EntitySetName = _contexto.GetType().GetPropertiesO 
.Single(p => p.PropertyType.IsGenericType && typeof(IEnumerableo) 
.MakeGenericType(typeof(T)).IsAssignableFrom(p.PropertyType)); 
return EntitySetName.Name; 

} 

public void Dispose() { 

Dispose(true); 

GC.SuppressFinalize(this); 

} 

~EntityFrameworkRepository() { 

Dispose(false); 

} 

protected virtual void Dispose(bool disposing) { 
if (!this.disposed) { 
if (disposing) { 

if (_contexto != null) { 

_contexto.Dispose(); 

_contexto = null; 

} 

} 

} 

disposed = true; 

} 

} 


} 
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Em seguida, acrescentamos a aplicagao as classes do ADO.NET Entity Framework. 
Para nao tornar o livro repetitivo nao reproduzimos aqui os passos ja descritos no 
topico “4.3 ADO.NET Entity Framework”. 

Siga os passos descritos nesse topico e acrescente um modelo conceitual a aplicagao. 
A partir desse ponto estamos prontos para acessar e manipular os dados do banco 
de dados Northwind. 

Para invocar os metodos da interface IGenericRepository crie no metodo construtor do 
controlador uma nova instancia da classe repositorio EntityFrameworkRepository e passe 
ao metodo uma instancia da classe ADO.NET Entity Framework NorthwindBD herdada 
de ObjectContext: 

private IGenericRepository ..repository; 
public HomeController(){ 

.repository = new EntityFrameworkRepository(new NorthwindBDO); 

} 

Exemplo: 

using System.Web.Mvc; 
using AppCapitulol2.Models; 

namespace AppCapitulol2.Controllers { 

public class HomeController : Controller { 
private IGenericRepository .repository; 
public HomeControllerQ { 

.repository = new EntityFrameworkRepository(new NorthwindBDO); 

} 

public ActionResult Index() { 

ViewBag.Message = "Welcome to ASP.NET MVC!"; 

return View(); 

} 

public ActionResult About() { 
return View(); 

} 

} 

} 

Importe a namespace AppCapitulol2.Models: 
using AppCapitulol2.Models; 

A documentagao do .NET Framework recomenda que os espacos para nome sejam 
nomeados de acordo com o seguinte criterio: 


<Empresa>.(<Produto>|<Tecnologia>)[.<Caracteristica>][.<Subnamespace>] 
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Utilizar o nome da empresa ou ate seu proprio nome evita que empresas ou desen- 
volvedores diferentes tenham namespaces com mesmo nome e prefixo. 

Alguns exemplos de namespaces: 

using Microsoft.CSharp; 

using Microsoft.SqlServer; 

using AlfredoLotar.Livro.AspnetMvc; 

No segundo nivel, temos o produto ou a tecnologia e, a partir do terceiro nivel, a 
caracteristica e as subnamespaces sao opcionais. 

Obs.: compile a aplicagao conforme a figura 4.1. 


12.6 Menu 

O menu contem as categorias da tabela Categories do banco de dados Northwind. 

Relendo o topico “12.1.1 - Quais recursos devo usar” concluimos que o menu e um 
candidato a cache, pois seu conteudo e estatico e compartilhado por quase todas as 
paginas do website. 

Para exibir as categorias necessitamos: 

• de um metodo de controlador; 

• de um partial view; 

• e carregar o partial view na pagina de layout. 

Crie o metodo de controlador Menu que carrega o partial view ViewMenu.cshtml : 

[Chi 1dActionOnly, OutputCache(Duration = 60, VaryByParam = "none")] 
public ActionResult Menu() { 
try { 

var model = _repository.GetAll<Category>(); 
return PartialView("ViewMenu", model); 

} 

finally { 

if (.repository != null) .repository.DisposeO; 

} 

} 

O partial view Views/Home/ViewMenu.cshtml contem uma tabela, associa a classe Category e 
carrega cada categoria em uma linha. Acrescente-o a aplicagao com o codigo a seguir: 

©model IEnumerable<AppCapitulol2.Models.Category> 

<table style="width: 100%; border: 0"> 

<tr> 

<td style="vertical-align: middle; background-color: #027399;"> 

<div class="secao" style="text-align: left;"> 
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<strong>Categorias</strong> 

</div> 

</td> 

</tr> 

@foreach (var item in Model) { 

<tr> 

<td> 

<div class="menujateral" style="text-align: left;"> 

@Ajax.ActionLink(item.CategoryName, "ListaProdutos", new { 

id = item.CategoryName }, new AjaxOptions { UpdateTargetld = "divProdutos" } 

) 

</div> 

</td> 

</tr> 

} 

</table> 

Repare que os produtos de cada categoria sao carregados via Ajax. Acrescente ao 
arquivo de layout Views\Shared\_Layout.cshtml a linha a seguir: 

<script src="@Url.Content("-/Scripts/jquery.unobtrusive-ajax,js")" type="text/javascript"></ 

script> 

O seletor CSS menujateral formata o menu: 

.menujateral a { 

border-right: #ddd Ipx solid; 

padding-right: 4px; 

border-top: #fff Ipx solid; 

display: block; 

padding-left: 4px; 

font-size: lOpx; 

background: #edf2f2; 

padding-bottom: 2px; 

color: #003399; 

text-indent: Ipx; 

padding-top: 2px; 

border-bottom: #ddd Ipx solid; 

font-family: arial, helvetica, sans-serif; 

text-decoration: none; 


.menujateral a:hover { 
color: #000000; 
background-color: #e0e9e9; 
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Enquanto o seletor secao formata o titulo do menu: 

.secao { 

padding-right: 4px; 
padding-left: 4px; 
font-size: lOpx; 
padding-bottom: 2px; 
color: #ffffff; 
text-indent: Ipx; 
padding-top: 2px; 

font-family: Arial, Helvetica, sans-serif; 
text-align: left; 

} 

Exclua do arquivo Content/Site.css os seletores CSS: 

a: 1 i n k { 

color: #034af3; 
text-decoration: underline; 

} 

a:visited { 

color: #505abc; 

} 

a:hover { 

color: #ld60ff; 
text-decoration: none; 

} 

a:active { 

color: #12eb87; 

} 


Obs.: insira o seletor CSS menujateral e secao no arquivo Content/Site.css. 
Insira a linha a seguir na pagina de layout Views/Shared/j_ayout.cshtml: 
@{Html.RenderAction("Menu H , "Home");} 

Exemplo: 

<table style="width: 100%; text-align: center; border: 0;"> 

<tr> 

<td colspan="3" style="height: 10px;"> 

</td> 

</tr> 

<tr> 

<td style="verti cal-align: top; width: 15%"> 

@{Html.RenderActionC'Menu", "Home");} 

</td> 

<td style=”vertical-align: top; width: 1%"> 
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</td> 

<td style="vertical-align: top; height: 800px; width: 80%"> 

<table style="border-style: none; border-width: Opx; border-color: inherit; 
width: 100%;position: relative;"> 

<tr> 

<td style="background-color: #027399;" colspan= ,, 3" class=”secao"> 

<strong>@ViewBag.Categoria</strong> 

</td> 

</tr> 

<tr> 

<td style="vertical-align: top; text-align: left;"> 

@RenderBody() 

</td> 

</tr> 

</table> 

</td> 

</tr> 

</table> 

Obs.: se voce tem duvida onde inserir o menu, observe a figura 12.17. 

Algumas URLs do menu requerem segmentos extras daqueles definidos no modelo. 
Exemplo: 

http://Iocalhost/Home/ListaProdutos/Grai ns/Cereals 
Na URL Cereals e o segmento extra. 

Para permitir segmentos extras na URL do menu altere o trecho de codigo a seguir: 

routes.MapRoute( 

"Default", // Route name 

"{controller}/{action}/{id}", // URL with parameters 

new { controller = "Home", action = "Index", id = Url Parameter.Optional } // Parameter defaults 

); 

Acrescente o caractere de asterisco antes do id: 

routes.MapRoute( 

"Default", // Route name 

"{controller}/{action}/{*id}", // URL with parameters 

new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults 

); 


12.6.1 Valida^ao e formata^ao de dados 

Quando voce acessa as informa^oes de determinada tabela, aproveite para validar e 
formatar os seus dados. 
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No exemplo, acessamos a tabela Categories do banco de dados Northwind. 

Para validar as propriedades de uma classe do ADO.NET Entity Framework crie uma 
nova classe partial com o mesmo nome e sob a mesma namespace. 

Para validar e formatar as propriedades da classe Category, crie o arquivo Category.es no 
diretorio Models e acrescente o codigo a seguir: 

using System.ComponentModel.DataAnnotations; 
namespace AppCapitulol2.Models { 

[MetadataType(typeof(CategoryMetadata))] 
public partial class Category { } 

public class CategoryMetadata { 

[Required(ErrorMessage = "0 nome da categoria e obrigatorio.")] 

[StringLength(15, MinimumLength = 3, 

ErrorMessage = "Digite no minimo 3 e no maximo 15 caracteres.")] 
[RegularExpression(@"A[a-zA-Z0-9_\/\s]$", 

ErrorMessage = "0 nome da categoria contem caracteres invalidos. Use a-zA-Z0~9_/ e espagos")] 

[Display(Name = "Categoria")] 

public string CategoryName { get; set; } 

[StringLength(150, MinimumLength = 0, 

ErrorMessage = "Digite no maximo 150 caracteres.")] 
[RegularExpression(@"A[a-zA-Z0-9_,\-\s]$", 

ErrorMessage = "A descrigao contem caracteres invalidos. Use a-zA-Z0-9_,. e espagos")] 

[Display(Name = "Descrigao")] 

public string Description { get; set; } 

} 

} 


Obs.: garanta que a entrada contenha somente o conteudo desejado. Utilize o acento 
circunflexo ( /v ) e um cifrao ($) como delimitadores no inicio e no fim de expressoes 
regulares. 

Para que a validaqao do lado do cliente funcione declare os arquivos a seguir na 
pagina de layout Views/Shared/_Layout.cshtml: 

<script src="@Url.Content("-/Scripts/jquery.validate.min.js") M type="text/javascript"x/script> 
<script src="@Url.Content("-/Scripts/]query.validate.unobtrusive.min.js")" type="text/javascript"> 

</script> 

12.7 Exibindo osprodutos 

O conteudo Ajax do website e exibido no view Views/Home/Index.cshtml. Substitua o 
codigo-padrao gerado pelo assistente: 
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ViewBag.Title = "Home Page"; 

} 

<h2>@ViewBag.Message</h2> 

<p> 

To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC 
Website">http://asp.net/mvc</a>. 

</p> 

Por: 

@{ 

ViewBag.Title = "Programando com ASP.NET MVC"; 

} 

<div id="divProdutos"> 

@{Html.RenderAction("ListaProdutos", "Home");} 

</div> 

O metodo ListaProdutos exibe um produto de cada categoria na pagina inicial e os pro- 
dutos de cada categoria quando clicamos em um item do menu. Adicione o metodo 
de controlador ListaProdutos ao controlador HomeController: 

public ActionResult ListaProdutos(string id) { 
try { 

if (string.IsNullOrWhiteSpace(id)) { 

ViewBag.Categoria = "Novidades"; 

string sql = "SELECT * " + "FROM (SELECT p.ProductID, p.ProductName, p.SupplierlD, 
p.CategorylD, p.QuantityPerUnit, " + "p.UnitPrice, p.UnitsInStock, 
p.UnitsOnOrder, p.Discontinued, p.ReorderLevel, c.CategoryName, " + 
"row_number() OVER (partition BY c.CategorylD ORDER BY ProductID DESC) 
AS ordem FROM dbo.Products AS p INNER JOIN dbo.Categories AS c 
ON p.CategorylD = c.CategorylD) AS TabelaDerivada " + 

"WHERE (TabelaDerivada.Ordem = 1)"; 
var 1st = new List<Product>(); 

foreach (var item in .repository.ExecuteSQL<Product>(sql, null)) { 

lst.Add(new Product {ProductID=item.ProductID, ProductName = item.ProductName, 
QuantityPerUnit = item.QuantityPerUnit, UnitPrice = item.UnitPrice, 

UnitsInStock = item.UnitsInStock }); 

} 

return PartialViewp’ViewProdutos", 1st); 

} 

ViewBag.Categoria = id; 

var model = .repository.Find<Product>(p => p.Category.CategoryName == id); 
if (model == null) 

return View("NotFound"); 

else 


return PartialView("ViewProdutos", model); 
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} 

finally { 

if (.repository != null) .repository.DisposeO; 

} 

} 

Importe a namespace System.Collections.Generic: 
using System.Collections.Generic; 

Em ambos os casos, e carregado o partial view Views/Home/ViewProdutos.cshtml: 
©model IEnumerable<AppCapi tul ol2.Models.Product> 

<table style="border-style: none; border-width: Opx; border-color: inherit; width: 100%; 
position: relative;"> 

<tr> 

<td style="background-color: #027399; height: Opx;" colspan="3" class="secao"> 

<strong>@ViewBag.Categoria</strong> 

</td> 

</tr> 

<tr> 

<td style="vertical-align: top; text-align: left;"> 

@{ 

if (Model.Count() > 0) { 

WebGrid grid = new WebGrid(source: Model, canSort: false, 
ajaxUpdateContainerld: "grid"); 

@grid.GetHtml( 

htmlAttributes: new { id = "grid" }, 
tableStyle: "grade", 
headerStyle: "header", 
alternatingRowStyle: "alt", 
columns: grid.Columns( 

grid.Column("ProductName", header: "Produto"), 
grid.Column("QuantityPerUnit", header: "Quant, por unidade"), 
grid.Column("UnitPrice", header: "Prego", 
format: @<text>@string.Format( 

new System.Globalization.CultureInfo("pt-BR"), 

"{0:c}", @item.UnitPrice)</text>), 
grid.Column("UnitsInStock", header: "Unid. estoque"), 
grid.Column(format: (item) => Html.ActionLink("Comprar", 
"AddShoppingCartltem", "Shopping", new { 

ProductID = item.ProductID }, new { ©class = "navegacao" })) 

) 

) 

} 

else { 

©RenderPageCyViews/Shared/BuscaNaoEncontrado.cshtml"); 


} 
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} 

</td> 

</tr> 

</table> 

Crie o view Views/Shared/BuscaNaoEncontrado.cshtml: 

@{ 

Layout = null; 

} 

<IDOCTYPE html> 

<html> 

<head> 

<title>Nao encontrado</title> 

</head> 

<body> 

<div style="text-align: center;"> 

<br /> 

<h2> 

A busca nao retornou nenhum registro.</p> 

Verifique a ortografia e tente novamente, 

</h2> 

</div> 

</body> 

</html> 

O WebGrid helper e formatado pelos seletores CSS a seguir: 
.grade { 

font-family: Arial, Helvetica, sans-serif; 
font-size: lOpx; 
margin: 0 px; 

border-collapse: collapse; 
width: 100%; 

} 

.header { 

font-family: Arial, Helvetica, sans-serif; 

font-size: lOpx; 

background-color: #E8E8E8; 

font-weight: bold; 

color: Black; 

text-align; left; 

} 

.grade th, .grade td { 

border: lpx solid silver; 
padding: 5px; 
text-align: left; 

} 
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.alt { 

background-color: #E8E8E8; 
color: #000; 

} 


Obs.: insira todos os seletores CSS usados neste capitulo no arquivo Content/Site. css. 

12.7.1 Valida^ao e formata^ao de dados 

Nesta etapa da aplicaqao validamos e formatamos a tabela Products. Ao desenvolver 
codigo especifico para determinada tabela, aproveite para valida-la, crie o arquivo 
Product.cs no diretorio Models e acrescente o codigo a seguir: 

using System.ComponentModel.DataAnnotations; 
namespace AppCapitulol2.Models { 

[MetadataType(typeof(ProductMetadata))] 
public partial class Product { } 

public class ProductMetadata { 

[Required(ErrorMessage = "0 nome do produto e obrigatorio.")] 

[StringLengthC40, MinimumLength = 3, 

ErrorMessage = "Digite no minimo 3 e no maximo 40 caracteres.")] 
[RegularExpression(@"A[a-za-uA-ZA-UO-9_u08 , \s-]+S", 

ErrorMessage = "0 nome do produto contem caracteres invalidos.")] 

[Display(Name = "Produto")] 

public string ProductName { get; set; } 

[StringLength(20, MinimumLength = 0, 

ErrorMessage = "Digite no maximo 20 caracteres.")] 

[RegularExpression(@"A[a-zA-Z0-9_\s\.-]+$", 

ErrorMessage = "0 campo Quant, por unidade contem caracteres invalidos.")] 
[Display(Name = "Quant, por unidade")] 
public string QuantityPerUnit { get; set; } 

[RegularExpression("A[0-9]{0,}$", 

ErrorMessage = "Digite urn valor numerico positivo. Entre 0 e 922337203685477.")] 
[Range(typeof(decimal), "0", "922337203685477", 

ErrorMessage = "0 campo Pre^o deve conter urn valor numerico positivo. Entre 0 e 922337203685477.")] 
[DataType(DataType.Currency)] 

[Display(Name = "Prego")] 

public decimal UnitPrice { get; set; } 

[RegularExpression("A[0-9]{0,32767}$", 

ErrorMessage = "Digite urn valor numerico positivo. Entre 0 e 32767.")] 

[Range(0, 32767, ErrorMessage = "0 campo Unid. estoque deve conter urn valor numerico 
positivo. Entre 0 e 32767.")] 
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[Display(Name = "Unid. estoque")] 
public short UnitsInStock { get; set; } 

[RegularExpression("A[0-9]{0,32767}$", 

ErrorMessage = "Digite um valor numerico positivo. Entre 0 e 32767.")] 

[Range(0, 32767, ErrorMessage = "0 campo Unid. encomendadas deve conter um valor 
numerico positivo. Entre 0 e 32767.")] 

[Display(Name = "Unid. encomendadas")] 
public short UnitsOnOrder { get; set; } 

[RegularExpression("A[0-9]{0,32767}$", 

ErrorMessage = "Digite um valor numerico positivo. Entre 0 e 32767.")] 

[Range(0, 32767, ErrorMessage = "0 campo ReorderLevel deve conter um valor numerico 
positivo. Entre 0 e 32767.")] 

public short ReorderLevel { get; set; } 

[Required(ErrorMessage = "0 produto foi descontinuado. Sim/nao?")] 

[RegularExpression(" a[ true|false]+$", 

ErrorMessage = "0 campo Descontinuado deve conter um valor boleano.")] 

[Display(Name = "Descontinuado")] 
public bool Discontinued { get; set; } 

} 

} 

A validagao foi adaptada para os dados contidos na tabela Products. Por exemplo, o 
campo ProductName contem informagoes com caracteres u e ft. 

Exemplo: 

Original Frankfurter grune Softe 

A expressao regular valida ainda palavras com e sem acento, espagos em branco, 
numeros e o caractere de apostrofo: 

A[a-za-uA-ZA-U0-9__uir\s-]+$ 


12.8 Mecanismo de busca 

0 formulario de busca e exibido do lado esquerdo do website acima do menu. Para 
exibir o formulario de busca crie o partial view Views/Home/Busca.cshtml com o seguinte 
codigo: 

<table style="border-color: #111111; width: 100%; background-color: #ffffff; border: 0;"> 

<tr> 

<td style="width: 100%"> 

ctable style="border-color: #111111; width: 100%; border: 0;"> 

<tr> 

<td style="background-color: #027399"> 
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<div class="secao" style="text~align: left"> 

<strong>Pesquisar</strong> 

</div> 

</td> 

</tr> 

</table> 

</td> 

</tr> 

<tr> 

<td style="height: 20px; background-color: #edf2f2;"> 

©using (Ajax.BeginForm("Find", "Home", new AjaxOptions 
{ UpdateTargetld = "divProdutos" })) { 

<table style="border-color: #111111; width: 100%; text-align: left; border: 0;"> 
<tr> 

<td style="text-align: left; width: 100%; background-color: #edf2f2;"> 
<table style="width: 100%; text-align: left;"> 

<tr style="text-align: center;"> 

<td> 

©Html.TextBoxC'txtBusca", new { 

MaxLength = 40, ©class = "busca_input", 

©style = "text-align: left; width: 95%;" }) 

</td> 

<td style="text-align: left; width: 5%;"> 

<input type="submit" value="0k" title="Procurar" alt="0k" /> 

</td> 

</tr> 

</table> 

</td> 

</tr> 

</table> 

} 

</td> 

</tr> 

<tr> 

<td style="width: 100%; background-color: #e4e4e4"> 

</td> 

</tr> 

<tr> 

<td> 

</td> 

</tr> 

</table> 

Repare que o seletor CSS buscajnput formata a caixa de texto do formulario de busca: 
.busca_input { 

border-right: #cfcfcf lpx solid; 
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border-top: #cfcfcf lpx solid; 
font-size: lOpx; 

border-left: #cfcfcf lpx solid; 
border-bottom: #cfcfcf lpx solid; 
font-family: arial, Helvetica, sans-serif; 
height: 15px; 

} 

Em seguida, invoque o metodo de controlador FormBusca na pagina de layout Views/ 

Shared/_Layout.cshtml: 

<td style="vertical-align: top; width: 15%"> 

@{Html.RenderAction("FormBusca","Home");} 

@{Html.RenderAction("Menu", "Home");} 

</td> 

Exemplo: 

<table style="width: 100%; text-align: center; border: 0;"> 

<tr> 

<td colspan="B" style="height: 20px;"> 

</td> 

</tr> 

<tr> 

<td style="vertical-align: top; width: 15%"> 

@{Html.RenderAction("FormBusca","Home");} 

@{Html.RenderAction("Menu", "Home");} 

</td> 

<td style="vertical-align: top; width: 1%"> 

</td> 

<td style="vertical-align: top; height: 800px; width: 80%"> 

<table style="border-style: none; border-width: Opx; border-color: inherit; 
width: 100%; position: relative;"> 

<tr> 

<td style="background-color: #027399;" colspan="3" class="secao"> 

<strong>@ViewBag.Categoria</strong> 

</td> 

</tr> 

<tr> 

<td style="vertical-align: top; text-align: left;"> 

@RenderBody() 

</td> 

</tr> 

</table> 

</td> 

</tr> 

</table> 
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No controlador HomeController acrescentamos o metodo de controlador FormBusca res- 
ponsavel por carregar o formulario Views/Home/Busca.cshtml: 

[Chi1dActionOnly] 

public ActionResult FormBuscaO { 
return PartialView("Busca"); 

} 

E o metodo Find responsavel por processar a busca e carregar o partial view Views/Home/ 
ViewProdutos.cshtml com o resultado da busca: 

public ActionResult Find(string txtBusca) { 

try { 

string termo = string.Empty; 
if (!string.IsNu!10rWhiteSpace(txtBusca)) { 

Response.Cookies["Busca"].Value = txtBusca.Trim(); 
termo = txtBusca.Trim(); 

} 

else { 

if (Request.Cookies["Busca"] != null) termo = Request.Cookies["Busca"].Value; 

} 

if (!Regex.IsMatch(termo.Trim(), @"A[a-za-uA-ZA-UO-9_u0B'\s-]{l,4O}S")) return View(); 

var model = .repository.Find<Product>(p => p.ProductName.Contains(termo.Trim())); 
if (model == null) 

return PartialView("NotFound"); 

ViewBag.Categoria = "Resultado da busca para: " + Server.HtmlEncode(termo.TrimO); 
return PartialView("ViewProdutos", model); 

} 

finally { 

if (.repository != null) .repository.DisposeO; 

} 

} 

A validagao e realizada por meio de expressoes regulares: 

if (!Regex.IsMatch(termo.Trim(), (TA[a-za-uA-ZA-UO-9„u0(P\s-]{l,4O}$")) return View(); 

Para que o mecanismo de paginagao funcione usamos cookies: 

string termo = string.Empty; 

if ('string.IsNullOrWhiteSpace(txtBusca)) { 

Response.Cookies["Busca"].Value = txtBusca.Trim(); 
termo = txtBusca.Trim(); 

} 

Importe a namespace System.Text.RegularExpressions: 
using System.Text.RegularExpressions; 
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12.9 Formulario decontato 

O formulario de contato e extremamente simples. Possui quatro campos (Nome, Email, 
Assunto, Mensagem). Envia por e-mail e grava as informaqoes em uma tabela do banco 
de dados Northwind. 

O formulario de contato e carregado por meio de um link na pagina de layout. 

O formulario de contato invoca o metodo AddContato e adiciona as informagoes do 
contato no banco de dados. Observe a figura 12.18. 


Layout.cshtml 


Contato.cshtml 


i 

<html> 


Link: home/Contato 


@RenderBody() 


</html> 


1 

<div id="divProdutos7> 

@using(Ajax.BeginForm("AddContato", 
^ "Home", new AjaxOptions 

{ UpdateTargetld = "divProdutos"})) 


AddContato 

-... . 1 ▼ 

public ActionResult AddContatoQ { 
return ViewQ; 

} 

[HttpPost] 

public ActionResult 

AddContato (Contato entidade) {} 


Figura 12.18 - Relagao entre os arquivos e o metodo addcontato. 


12.9.10 banco de dados 

Acrescente a tabela Contatos ao banco de dados Northwind e os campos a seguir: 



Campo 

Tipo de dados 

Permite nulos 

Especificagao de identidade 

Contatold 

Int 

Nao 

Sim 

Nome 

varchar(50) 

Nao 


Emai 1 

nvarchar(50) 

Nao 


Assunto 

nvarchar(50) 

Nao 


Mensagem 

nvarchar(300) 

Nao 


















340 


Programando com ASP.NET MVC 


Em seguida, atualize o modelo conceitual do ADO.NET Entity Framework. Abra o 
arquivo Models/Modell.edmx e clique com o botao direito do mouse em uma area livre 
do arquivo. Em seguida, selecione Update Model from Database.... Adicione a tabela Contatos. 

12.9.2 Projetando o formulario de contato 

O formulario de contato e concebido com o auxilio de Html helpers. As mensagens 
de erro sao exibidas ao lado dos campos em letras vermelhas. 

Adicione o arquivo Views/Home/Contato.cshtml a aplicagao e acrescente o codigo a seguir: 

©model AppCapitulol2.Models.Contato 

@{ 

ViewBag.Title = "Programando com ASP.NET MVC"; 

ViewBag.Categoria = "Contato"; 

} 

<div id="divProdutos" /> 

ctable style="border-style: none; border-width: Opx; border-color: inherit; width: 100%; 
position: relative;"> 

<tr> 

<td style="background-color: #027399; height: Opx;" colspan="3" class="secao"> 

<st rong>@ViewBag.Catego ria</strong> 

</td> 

</tr> 

<tr> 

<td style="vertical-align: top; text-align: left;"> 

©using (Ajax.BeginForm("AddContato", "Home", new AjaxOptions 
{ UpdateTargetld = "divProdutos" })) { 

©Html.AntiForgeryToken() 

©Html.ValidationSummary(true, 

"Ocorreram erros no formulario. Por favor, corrija os erros e tente novamente."); 
<fieldset> 

<div class="editor-label"> 

©Html.LabelFor(model => model.Nome) 

</div> 

<div class="editor-field"> 

©Html.TextBoxFor(model => model.Nome, new { 

MaxLength = 50, ©style = "width: 250px;" }) 

©Html.ValidationMessageFor(model => model.Nome) 

</div> 

<div class="editor-label"> 

©Html.LabelFor(model => model.Email) 

</div> 

<div class="editor-field"> 

©Html.TextBoxFor(model => model.Email, new { 

MaxLength = 50, ©style = "width: 250px;" }) 
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@Html.ValidationMessageFor(model => model.Email) 

</div> 

<div class="editor-label"> 

@Html.LabelFor(model => model.Assunto) 

</div> 

<div class="editor-field"> 

@Html.TextBoxFor(model => model.Assunto, new { 

MaxLength = 50, @style = "width: 250px;" }) 

@Html.ValidationMessageFor(model => model.Assunto) 

</div> 

<div class="editor-label n > 

@Html.Label For(model => model.Mensagem) 

</div> 

<div class="editor-field"> 

@Html.TextAreaFor(model => model.Mensagem, new { 

MaxLength = 300, @style = "width: 250px;" }) 

@Html.ValidationMessageFor(model => model.Mensagem) 

</div> 

<p> 

<input type="submit" value="Enviar" style="font-family: Arial, Helvetica, 
sans-serif;font-size: 10px;" /> 

</p> 

</fieldset> 

} 

<div> 

@Html.ActionLink("Volta para a pagina inicial", "Index", null, new 
{ Mass = "navegacao" }) 

</div> 

</td> 

</tr> 

</table> 

Acrescente aos seletores CSS text-box, editor-field, editor-label, input[type="text"], 
input[type="password"] e textarea localizados no arquivo Content/Site.css a linha a seguir: 

font-family: Arial, Helvetica, sans-serif; font-size: lOpx; 

A saida gerada vemos na figura 12.19. 

O arquivo Views/Home/ Contato.cshtml e invocado por um link nao Ajax. Para que os links 
Ajax da pagina nao sejam desativados inserimos a linha anterior no partial view contato. 

<div id="divProdutos"/> 

Lembre-se de que essa abordagem somente e necessaria quando voce usa links Ajax 
e um formulario invocado por um link nao Ajax. A tag div com id igual a divProdutos e 
usada pela pagina de layout para carregar os produtos, exibir o formulario de contato, 
o carrinho de compras etc. 
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Contato 


Nome 


E-mail 


Ass unto 


Mensagem 


[ Enviar ] 


Volta para a pagina inicial 

Figura 12.19 - Formulario de contato. 

O formulario de contato invoca o metodo AddContato via Ajax: 
Ajax.BeginForm("AddContato", "Home", new AjaxOptions { UpdateTargetld = "divProdutos" })) { 
Alinha: 

@Html .AntiForgeryTokenO 

Juntamente com o atributo ValidateAntiForgeryToken protegem o formulario contra ata- 
ques de um unico clique (CSRF). 

12.9.3 0 metodo AddContato 

O metodo AddContato grava no banco de dados as informagoes digitadas no formula¬ 
rio pelo usuario. No controlador HomeController temos dois formularios AddContato. O 
primeiro exibe o formulario em branco na tela e define o texto da segao: 

public ActionResult AddContatoO { 

Response.Cache.SetCacheabi1ity(HttpCacheabi1ity.NoCache); 

Response.Cache.SetAl1owResponselnBrowserHistory(false); 

ViewBag.Categoria = "Contato"; 
return View(); 

} 

As linhas: 

Response.Cache.SetCacheabi1ity(HttpCacheabi1ity.NoCache); 

Response.Cache.SetAl1owResponselnBrowserHistory(false); 
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Evitam que o formulario seja postado varias vezes com o mesmo conteudo: 

O segundo metodo AddContato envia os dados para o banco de dados e via e-mail: 
[HttpPost, ValidateAntiForgeryToken] 

public ActionResult AddContato([Bind(Exclude = "ContatoId")]Contato entidade) { 

try { 

if (!Model State.IsValid) { 

Model State.AddModelError("Error_Form", 

"Ocorreram erros no formulario. Por favor, corrija os erros e tente novamente. "); 
return View(); 

} 

else { 

_repository.Create<Contato>(entidade); 

SendEmail(entidade.Email, "Contato pelo website.", 

"Obrigado por entrar em contato conosco.<p>Entraremos em contato em breve.</p>"); 
return Partial View("EnviadoComSucesso"); 

} 

} 

catch (System.Data.EntitySqlException) { 

ModelState.AddModelError("Error_Form", "Erro EntitySqlException, "); 
return View(); 

} 

catch (System.Data.EntityCommandExecutionException) { 

ModelState.AddModelError("Error_Form", "Erro EntityCommandExecutionException."); 
return View(); 

} 

finally 

{ 

if (.repository != null) _repository.Dispose(); 

} 

} 

Crie o view Views/Shared/EnviadoComSucesso.cshtml com o conteudo a seguir: 

<h2>Informatoes enviadas com sucesso.</h2> 

<P /> 

@Html.ActionLink("Volta para a pagina inicial.", "index", "Home", null, 
new { Mass = "navegacao" }) 

O metodo SendEmail envia um e-mail ao usuario apos gravar as informagoes no banco 
de dados: 

private void SendEmail(string email, string assunto, string mensagem) { 
try { 

WebMail.SmtpServer = "localhost"; 

WebMail.SmtpPort = 25; 
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//WebMail.EnableSsl = true; 

//WebMail.UserName = "usuario"; 

//WebMail.Password = "senha"; 

WebMail.From = "siteexemplo@siteexemplo.com"; 

WebMail.SmtpUseDefaultCredentials = true; 

WebMail.Send(to: email, subject: assunto, body: mensagem); 

} 

catch (Exception ex) { 

Model State.AddModelError("Error_Form", ex.Message); 

//ModelState.AddModelError("","Erro ao enviar e-mail."); 

} 

} 

Importe as namespaces a seguir: 

using System.Web; 
using System.Web.Helpers; 

Acrescente tambem o metodo HandleUnknownAction: 

protected override void HandleUnknownAction(string actionName) { 
try { 

thi s.View(actionName).ExecuteResult(this.Control 1erContext); 

} 

catch (InvalidOperationException) { 

this.View("NotFound").ExecuteResult(this.Control 1erContext); 

} 

} 

Crie o view Views/Home/NotFound.cshtml: 

<p>Recurso ou item nao encontrado.</p> 

12.9.4 Valida^ao e formata^ao 

Para formatar e validar as informagoes da tabela Contatos criamos o arquivo Contato. 
cs no diretorio Models. 

Para validar as propriedades de uma classe do ADO.NET Entity Framework crie uma 
nova classe partial com o mesmo nome e sob a mesma namespace: 

using System.ComponentModel.DataAnnotations; 
namespace AppCapitulol2.Models { 

[MetadataType(typeof(ContatoMetadata))] 
public partial class Contato { } 
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public class ContatoMetadata { 

[Required(ErrorMessage = "0 nome e obrigatorio, ")] 

[StringLength(50, MinimumLength = 1, 

ErrorMessage = "Digite no minimo 1 e no maximo 50 caracteres. ")] 
[RegularExpression(@"A[a-za-uA-ZA-UO-9_uO , \s]+$", 

ErrorMessage = "0 nome contem caracteres invalidos. Use a-za-uA-ZA-UO-9_u0 e espagos")] 
public string Nome { get; set; } 

[Required(ErrorMessage = "0 e-mail e obrigatorio.")] 

[StringLength(50 5 MinimumLength = 1, 

ErrorMessage = "Digite no minimo 1 e no maximo 50 caracteres.")] 
[RegularExpression(@"A\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$", 

ErrorMessage = "Digite um e-mail valido.")] 

[Display(Name = "E-mail")] 
public string Email { get; set; } 

[Required(ErrorMessage = "0 assunto e obrigatorio.")] 

[StringLength(50, MinimumLength = 1, 

ErrorMessage = "Digite no minimo 1 e no maximo 50 caracteres.")] 
[RegularExpression(@"A[a-za-uA-ZA-U0-9_uU , \s]+S", 

ErrorMessage = "0 assunto contem caracteres invalidos. Use a-za-uA-ZA-UO-9_u0 e espagos")] 
public string Assunto { get; set; } 

[Required(ErrorMessage = "A mensagem e obrigatoria.")] 

[StringLength(300, MinimumLength = 1, 

ErrorMessage = "Digite no minimo 1 e no maximo 300 caracteres.")] 
[RegularExpression(@"A[a-za-uA-ZA-UO-9_uO'\.\!\?\,\s-]+$", ErrorMessage = "0 nome da 
categoria contem caracteres invalidos. Use a-za-uA-ZA-UO-9_u0'.!?, e espagos")] 
public string Mensagem { get; set; } 

} 

} 

12.10 Cadastrode usuarios 

O cadastro de usuarios e realizado em duas etapas. Aprimeira solicita informagoes de 
login e a segunda etapa, as informagdes pessoais, como o nome, o enderego, o CPF etc. 

Cada etapa do cadastro necessita de um formulario e tambem de uma tabela, ou seja, 
temos dois formularios e duas tabelas. 


Observe as figuras 12.20 e 12.21. 
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Crie uma nova conta 


Usuario 


E-mail 


Senha 


Continue a senha 


[ Registrar 1 

Figura 12.20 - Formularios de cadastro de login. 


Cadastre de usuarios - contmua^ao... 


Nome 

Cpf 

Endere^o 

Cep 

Cidade 

Estado 

rsii 

[ Enviar cadastro ] 


Figura 12.21 - Formularios de cadastro de dados pessoais. 

Quando criamos um nova aplicagao ASP.NET MVC, o Visual Studio cria um formu- 
lario de cadastro Views/Account/Register.eshtml com as informagoes login. 

Traduza os textos em ingles do formulario Views/Account/Register.cshtml. Exemplo: 

@Html.ValidationSummaryCtrue, "Nao foi possivel criar a nova conta. Por favor, verifique os 
erros a seguir.") 

Remova as linhas: 

<h2>Create a New Account</h2> 

<p> 

Use the form below to create a new account. 

</p> 

<p> 

Passwords are required to be a minimum of @ViewBag.PasswordLength characters in length. 

</p> 

<legend>Informagoes da conta</legend> 

<script src="@Url.Content("-/Scripts/]query.validate.min.js")" type="text/javascript"></script> 
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<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" 
type="text/javascri pt"x/scri pt> 

Defina o titulo da segao: 

@{ 

ViewBag.Categoria = "Crie uma nova conta"; 

} 

Evite que links Ajax sejam desativados. Acrescente a linha: 

<div id="divProdutos" /> 

Insira o HTML helper AntiForgeryToken: 

@Html .AntiForgeryTokenO 

Altere a fonte e o texto do botao de comando: 

<p> 

<input type="submit" value="Registrar" style="font-family: Arial, Helvetica, sans-serif; 
font-size: 10px;" /> 

</p> 

Observe o resultado a seguir: 

©model AppCapitulo!2.Models.RegisterModel 

@{ 

ViewBag.Title = "Programando com ASP.NET MVC"; 

ViewBag.Categoria = "Crie uma nova conta”; 

} 

<div id="divProdutos" /> 

<table style="border-style: none; border-width: Opx; border-color: inherit; 
width: 100%;position: relative;"> 

<tr> 

<td style="background-color: #027399; height: Opx;" colspan="3" class="secao"> 
<strong>@ViewBag.Categoria</strong> 

</td> 

</tr> 

<tr> 

<td style="vertical-align: top; text-align: left;"> 

©using (Html .BeginFormO) { 

©Html.ValidationSummary(true, 

"Nao foi possivel criar a nova conta. Por favor, verifique os erros a seguir.") 

©Html .AntiForgeryTokenO 

<div> 

<fieldset> 

<div class="editor-label"> 

©Html.LabelFor(m => m.UserName) 

</div> 
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<div class="editor-field"> 

@Html.TextBoxFor(m => m.UserName, new { MaxLength = 50 }) 

@Html .ValidationMessageFor(m => m.UserName) 

</div> 

<div class="editor-label"> 

@Html.LabelFor(m => m.Email) 

</div> 

<div class="editor-field"> 

@Html.TextBoxFor(m => m.Email) 

@Html.ValidationMessageFor(m => m.Email) 

</div> 

<div class="editor-label"> 

@Html.LabelFor(m => m.Password) 

</div> 

<div class="editor-field"> 

@Html.PasswordFor(m => m.Password, new { MaxLength = 15 }) 

@Html.ValidationMessageFor(m => m.Password) 

</div> 

<div class="editor-label"> 

@Html.LabelFor(m => m.ConfirmPassword) 

</div> 

<div class="editor-field"> 

@Html.PasswordFor(m => m.ConfirmPassword, new { MaxLength = 15 }) 

@Html.ValidationMessageFor(m => m.ConfirmPassword) 

</div> 

<P> 

<input type="submit" value="Registrar" 

style="font-family: Arial, Helvetica, sans-serif;font-size: 10px;" /> 

</p> 

</fieldset> 

</div> 

} 

</td> 

</tr> 

</table> 

O formulario ja foi formatado; entao, prossiga e acrescente as linhas a seguir ao 
metodo Register da classe controladora AccountController: 

Roles.AddUserToRole(model.UserName, "Clientes"); 
return RedirectToAction("Create n , "Account"); 

Exemplo: 

[HttpPost, ValidateAntiForgeryToken]//,RequireHttps 
public ActionResult Register(RegisterModel model) { 
if (ModelState.IsValid) { 
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// Attempt to register the user 

MembershipCreateStatus createStatus = 

MembershipService.CreateUser(model.UserName, model.Password, model.Emai1); 

if (createStatus == MembershipCreateStatus.Success) { 

FormsService.SignIn(model.UserName, false /* createPersistentCookie */); 

Roles.AddUserToRole(model.UserName, "Clientes"); 
return RedirectToAction("Create", "Account"); 

} 

else { 

Model State.AddModelErrorAccountValidation.ErrorCodeToString(createStatus)); 

} 

1 

// If we got this far, something failed, redisplay form 
ViewBag.PasswordLength = MembershipService.MinPasswordLength; 
return View(model); 

} 

O novo usuario e adicionado ao grupo Clientes: 

Roles.AddUserToRole(model.UserName, "Clientes"); 

Antes de adicionar um usuario crie o grupo Clientes no banco de dados conforme 
instrugoes do topico “11.4 Gerenciando a aplicagao”. 

Em seguida, o usuario ja logado e redirecionado para o segundo formulario de 
cadastro. 

return RedirectToAction("Create", "Account"); 

Obs.: nao habilitamos o atributo RequireHttps para facilitar aos leitores a execugao 
da aplicagao. 

12.10.1 Validandoaentrada 

Valide as propriedades da classe RegisterModel no arquivo Models/AccountModels.cs conforme 
codigo a seguir: 

public class RegisterModel { 

[Required(ErrorMessage = "Nome do usuario e obrigatorio.")] 

[RegularExpression("A[a~zA-Z0-9]{1,256}$", ErrorMessage = "Digite um nome de usuario 
valido. Nao use espapos. Somente letra e numeros.")] 

[Display(Name = "Usuario")] 
public string UserName { get; set; } 

[Required(ErrorMessage="E-mail e obrigatorio.")] 

[DataType(DataType.EmailAddress)] 
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[RegularExpression(@ ,, A\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*S", 

ErrorMessage = "Digite um e-mail valido.")] 

[Display(Name = "E-mail")] 
public string Email { get; set; } 

[Required(ErrorMessage = "Senha e obrigatoria.")] 

[ValidatePasswordLength] 

[RegularExpression(@" a[ a-zA-Z0-9_\*V\+\.\?\!]{8,15}$", ErrorMessage = "Digite uma senha 
valida. Use letras, numeros e os caracteres: *-+,?!")] 

[DataType(DataType.Password)] 

[Display(Name = "Senha")] 

public string Password { get; set; } 

[Required(ErrorMessage = "Senha de confirmagao e obrigatoria.")] 

[DataType(DataType.Password)] 

[RegularExpression(@"A[a-zA-Z0-9_\*\-\+\.\?\U{8,15}$", ErrorMessage = "Digite uma senha 
valida. Use letras, numeros e os caracteres: *-+.?!")] 

[Display(Name = "Confirme a senha")] 

[CompareC'Password", ErrorMessage = "A nova senha nao coincide com a senha de confirmagao. 

Por favor, digite novamente.")] 

public string ConfirmPassword { get; set; } 

} 

12.10*2 Criando a tabela 

A tabela de cadastro de usuarios deve conter um campo que associa as informagoes 
pessoais as informagoes de login. Por exemplo, o campo Userid. 

Crie no banco de dados Northwind a tabela Cadastros. Acrescente os campos conforme 
lista a seguir: 


Campo 

Tipo de dados 

Permite nulos 

Especificagao de identidade 

Cadastrold 

Int 

Nao 

Sim 

Userid 

uniqueidentifier 

Nao 


Nome 

varchar(50) 

Nao 


Cpf 

char(15) 

Nao 


Endereco 

nvarchar(lOO) 

Nao 


Cep 

char(9) 

Nao 


Cidade 

varchar(50) 

Nao 


Estado 

char(2) 

Nao 


Completo 

bit 

Nao 



O campo Completo pode ser usado para monitorar as etapas de preenchimento do for- 
mulario. Quando o usuario preencheu e enviou as informagdes dos dois formularios, 
o campo Completo e igual true, ou seja, o usuario possui um cadastro completo. 
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12.10.3 AD0.NET Entity Framework 

Atualize o modelo conceitual do ADO. NET Entity Framework. Abra o arquivo Models/ 
Modell.edmx e clique com o botao direito do mouse em uma area livre do arquivo. Em 
seguida, selecione Update Model from Database..., Adicione a tabela Cadastros. 

12.10.4 Validando as propriedades 

Valide as propriedades da tabela Cadastros. Crie a classe Cadastro.es no diretorio Models. 

Para validar as propriedades de uma classe doADO.NET Entity Framework crie uma 
nova classe partial com o mesmo nome e sob a mesma namespace: 

using System.ComponentModel.DataAnnotations; 
namespace AppCapitulol2.Models { 

[MetadataType(typeof(CadastroMetadata))] 
public partial class Cadastro { } 

public class CadastroMetadata { 

[Required(ErrorMessage = "0 nome e obrigatorio,")] 

[StringLength(50, MinimumLength = 1, 

ErrorMessage = "Digite no minimo 1 e no maximo 50 caracteres.")] 
[RegularExpressionC^’Afa-za-uA-zA-UO-OJiOAsi+S", 

ErrorMessage = "0 nome contem caracteres invalidos. Use a-za-uA-zA-U0-9_uU e espagos")] 
public string Nome { get; set; } 

[Required(ErrorMessage = "0 campo Cpf e obrigatorio.")] 
[RegularExpression(@"A\d{2}.\d{2}.\d{2}.\d{3}-\d{2}?$", 

ErrorMessage = "Cpf invalido. Ex.: 00.00.00.000-00")] 
public string Cpf { get; set; } 

[Required(ErrorMessage = "0 enderego e obrigatorio.")] 

[StringLength(100, MinimumLength = 1, 

ErrorMessage = "Digite no maximo 100 caracteres.")] 

[RegularExpression(@"A[a-za-uA-ZA-U0-9_uU’\As]+S", ErrorMessage = "0 campo Enderego 
contem caracteres invalidos. Use a-za-uA-ZA-UO-9_u0, e espagos")] 

[Display(Name = "Enderego")] 
public string Endereco { get; set; } 

[Required(ErrorMessage = "0 campo Cep e obrigatorio.")] 
[RegularExpression(@"A\d{5}-\d{3}?$", ErrorMessage = "Cep invalido.")] 
public string Cep { get; set; } 

[Required(ErrorMessage = "0 campo Cidade e obrigatorio.")] 

[StringLength(50, MinimumLength = 1, ErrorMessage = "Digite no maximo 50 caracteres.")] 

[RegularExpression(@"A[a-za-uA-ZA-U0-9_uU , \As]+$", ErrorMessage = "0 campo Cidade 
contem caracteres invalidos. Use a-za-uA-ZA-UO-9_u0. e espagos")] 
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public string Cidade { get; set; } 

[RegularExpression("A[a-zA-Z]{2}S", 

ErrorMessage = "0 campo Estado contem caracteres invalidos")] 
public string Estado { get; set; } 

} 

} 

12.10.5 Metodos de controlador 

No controlador AccountController acrescente as linhas a seguir: 

private IGenericRepository .repository; 
public AccountController() { 

.repository = new EntityFrameworkRepository(new NorthwindBDQ); 

} 

Acrescente tambem o metodo HandleUnknownAction: 

protected override void HandleUnknownAction(string actionName) { 
try { 

this.View(actionName).ExecuteResult(this.Control 1erContext); 

} 

catch (InvalidOperationException) { 

this.View("NotFound").ExecuteResult(this.Control1erContext); 

} 

} 

Crie tambem dois metodos. Um que carrega o formulario em branco: 

public ActionResult CreateO { 

if (!User.Identity.IsAuthenticated) return RedirectToAction("Register", "Account"); 
return View(); 

} 

O segundo envia as informagoes para a tabela Cadastros do banco de dados Northwind: 
[HttpPost, ValidateAntiForgeryToken]//,RequireHttps 

public ActionResult Create([Bind(Exclude = "Cadastrold, Completo, UserId")]Cadastro entidade) { 

try { 

if (!Model State.IsValid) { 

Model State.AddModelError("Error.Form", 

"Ocorreram erros no formulario. Por favor, corrija os erros e tente novamente."); 
return ViewQ; 

} 

else { 

if (User.Identity.IsAuthenticated) { 

MembershipUser usuario = Membership.GetUser(User.Identity.Name); 
entidade.Userid = new Guid(usuario.ProviderUserKey.ToStringQ); 
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entidade.Completo = true; 

_repository.Create<Cadastro>(entidade); 
return Partial View("EnviadoComSucesso n ); 

} 

else { 

return RedirectToAction("Index", "Home"); 

} 

} 

} 

catch (System.Data.EntitySqlException) { 

Model State.AddModelError("Error_Form", "Erro EntitySqlException."); 
return View(); 

} 

catch (System.Data.EntityCommandExecutionException) { 

Model State.AddModelError("Error_Form", "Erro EntityCommandExecutionException."); 
return ViewQ; 

} 

finally { 

if (.repository != null) .repository.DisposeO; 

} 

} 

Antes de enviar as informagdes pessoais do usuario para o banco de dados, verifica- 
mos se o usuario esta logado: 

if (User.Identity.IsAuthenticated) { 

Capturamos o nome de usuario e o Userid: 

MembershipUser usuario = Membership.GetUser(User.Identity.Name); 
entidade.Userid = new Guid(usuario.ProviderUserKey.ToStringO); 

Definimos o formulario como completamente preenchido: 

entidade.Completo = true; 

Enviamos as informagoes para o banco de dados e exibimos a mensagem de con- 
firmagao: 

.repository.Create<Cadastro>(entidade); 
return PartialView("EnviadoComSucesso"); 

12.10.6 Projetando o formulario de cadastro 

O formulario de cadastro solicita ao usuario informagdes pessoais, como nome, CPF, 
enderego, CEP, cidade, estado. 

Crie o arquivo Create.eshtml no diretorio Account. 
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Acrescente o codigo a seguir: 

@model AppCapitulol2.Models.Cadastro 
©{ 

ViewBag.Title = "Programando com ASP.NET MVC"; 

ViewBag.Categoria = "Cadastro de usuarios - continuagao 

} 

<div id="divProdutos" /> 

ctable style="border-style: none; border-width: Opx; border-color: inherit; 
width: 100%;position: relative;"> 

<tr> 

<td style="background-color: #027399; height: Opx;" colspan="3" class="secao"> 
<strong>@ViewBag.Categoria</strong> 

</td> 

</tr> 

<tr> 

<td style="vertical-align: top; text-align: left;"> 

©using (Ajax.BeginForm("Create", "Account", 

new AjaxOptions { UpdateTargetld = "divProdutos" })) { 

©Html.ValidationSummary(true) 

©Html .AntiForgeryTokenO 
<fieldset> 

<div class="editor-label"> 

©Html.LabelFor(model => model.Nome) 

</div> 

<div class="editor-field"> 

©Html.TextBoxFor(model => model.Nome, 

new { MaxLength = 50, ©style = "width: 260px;" }) 

©Html.ValidationMessageFor(model => model.Nome) 

</div> 

<div class="editor-label"> 

©Html.LabelFor(model => model.Cpf) 

</div> 

<div class="editor-field"> 

©Html.TextBoxFor(model => model.Cpf, 

new { MaxLength = 15, ©style = "width: 90px;" }) 

©Html.ValidationMessageFor(model => model.Cpf) 

</div> 

<div class="editor-label"> 

©Html.LabelFor(model => model.Endereco) 

</div> 

<div class="editor-field M > 

©Html.TextBoxFor(model => model.Endereco, 

new { MaxLength = 100, ©style = "width: 230px;" }) 

©Html.ValidationMessageFor(model => model.Endereco) 

</div> 
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<div class="editor-label"> 

©Html.LabelFor(model => model.Cep) 

</div> 

<div class="editor-field n > 

©Html.TextBoxFor(model => model.Cep, 

new { MaxLength = 9, ©style = "width: 50px;" }) 
©Html.ValidationMessageFor(model => model.Cep) 

</div> 

<div class="editor-label"> 

©Html.LabelFor(model => model.Cidade) 

</div> 

<div class="editor-field"> 

©Html,TextBoxFor(model => model.Cidade, 

new { MaxLength = 50, ©style = "width: 200px;" }) 
©Html.ValidationMessageFor(model => model.Cidade) 

</div> 

<div class="editor-label"> 

©Html.LabelFor(model => model.Estado) 

</div> 

<div class="editor-field"> 

©Html.DropDownListFor(model => model.Estado, new[] { 


new 

SelectListltem 

{ 

Text 

= 

"AL" 

Value 

= 

"AL" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"AM" 

Value 

= 

"AM" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"AP" 

Value 

= 

"AP" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"BA" 

Value 

= 

"BA" 

>, 

new 

SelectListltem 

{ 

Text 

= 

"CE" 

Value 

= 

"CE" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"DF" 

Value 

= 

"DF" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"ES" 

Value 

= 

"ES" 

>, 

new 

SelectListltem 

{ 

Text 

= 

"GO" 

Value 

= 

"GO" 

>, 

new 

SelectListltem 

{ 

Text 

= 

"MA" 

Value 

= 

"MA" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"MG" 

Value 

= 

"MG" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"MS" 

Value 

= 

"MS" 

>, 

new 

SelectListltem 

{ 

Text 

= 

"MT" 

Value 

= 

"MT" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"PA" 

Value 

= 

"PA" 

>, 

new 

SelectListltem 

{ 

Text 

= 

"PB" 

Value 

= 

"PB" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"PR" 

Value 

= 

"PR" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"PE" 

Value 

= 

"PE" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"PI" 

Value 

= 

"PI" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"RJ" 

Value 

= 

"RJ" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"RN" 

Value 

= 

"RN" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"RS" 

Value 

= 

"RS" 

, Selected=true } 

new 

SelectListltem 

{ 

Text 

= 

"RR" 

Value 

= 

"RR" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"RO" 

Value 

= 

"RO" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"SC" 

Value 

= 

"SC" 

}, 

new 

SelectListltem 

{ 

Text 

= 

"SP" 

Value 

= 

"SP" 

}, 
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new SelectListltem { Text = "SE", Value = "SE" }, 
new SelectListltem { Text = "TO", Value = "TO" } 

}, null, new { ©class = "editor-field" }) 

@Html.ValidationMessageFor(model => model.Estado) 

</div> 

<p> 

<input type="submit" value="Enviar cadastro" 

style="font-family: Arial, Helvetica, sans-serif;font-size: 10px;" /> 

</p> 

</fieldset> 

} 

<div> 

©Html.ActionLink("Volta para a pagina inicial", "Index", "home", null, 
new { ©class = "navegacao" }) 

</div> 

</td> 

</tr> 

</table> 

Observe o titulo da segao: 

ViewBag.Categoria = "Cadastro de usuarios - continuagao 

} 

E a ja famosa tag div: 

<div id="divProdutos" /> 

O atributo MaxLength dos campos do formulario controla a quantidade de caracteres 
permitida: 

©Html.TextBoxFor(model => model.Nome, new { MaxLength = 50, ©style = "width; 260px;" }) 

12.10.7 Informa^oes de criptografia 

Informagoes sigilosas devem ser criptografadas quando armazenadas no banco de 
dados. Use um algoritmo de criptografia simetrico, como Rijndael. 

Para criptografar dados confidenciais gere uma chave de criptografia com a classe 

RNCCryptoServiceProvider: 

RNGCryptoServiceProvider rng = new RNGCryptoServiceProviderO; 

byte[] key = new byte[16]; 
rng.GetBytes(key); 

string chave = Convert.ToBase64Stri ng(key); 

Faga backup da chave de criptografia em um local fisico, exemplo em um CD, DVD, 
dispositivo USB. 
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Proteja a chave de criptografia com DPAPI: 

string Protect(string chave) { 

try { 

byte[] segredo = Encoding.ASCII.GetBytes(chave); 
byte[] entropia = { 10, 8, 4, 6, 5 }; 

byte[] b = ProtectedData.Protect(segredo, entropia, DataProtectionScope.LocalMachine); 
return Convert.ToBase64String(b); 

} 

catch (CryptographicException) { 

// 

} 

return null; 

} 

Armazene a chave de criptografia protegida com DPAPI no registro do Windows: 

[RegistryPermissionAttribute(Secu rityAction.Demand, 

Create = @"HKEY_LOCAL_MACHINE\Software\Microsoft\ChaveTeste n )] 
void GravarNoRegistro(string valor) { 
try { 

RegistryKey rk = Registry.LocalMachine.OpenSubKey( ,, Software\\microsoft n , true); 
RegistryKey chave = rk.CreateSubKeyC'ChaveTeste"); 
chave.SetValue("key", valor); 

} 

catch(UnauthorizedAccessException) { 

// 

} 

catch (SecurityException) { 

// 

} 

catch (Exception) { 

// 

} 

} 

Proteja a chave do registro com as permissoes a seguir: 

• Administradores: controle total 

• Conta de processo (AUTORIDADE NT\SERVIC0 DE REDE): somente leitura 

Obs.: nos arquivos de exemplo do livro voce encontra uma aplicagao Windows que 
exempli fica o que foi abordado nesse topico. 
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12.10.7.1 Criptografe as informa0es sigilosas 

Obtenha as informagoes que voce deseja criptografar. Por exemplo, de um campo 
de rormulario. 

Acesse a chave do registro (ChaveTeste) e recupere a chave de criptografia: 

[Regi stryPerirri ssi onAttri bute(Securi tyActi on. Demand, 

Read = @ HKEY_LOCAl_MACHINE\Software\Microsoft\ChaveTeste")] 
string ReadRegistroO { 

RegistryKey ch = Registry.LocalMachine.OpenSubKey("Software\\Microsoft\\ChaveTeste" false)- 

return ch.CetValue("key") as string- 

} 

Use DPAPI para descriptografar a chave de criptografia extraida do registro: 

string Unprotect(string segredo) { 
try { 

byte[J segredo = Convert.FromBase64String(segredo); 
byte[] entropia = { 10, 8, 4, 6, 5 }; 

byte[] b = ProtectedData.Unprotect(segredo, entropia, DataProtectionScope.LocaiMachine)- 
return Convert.ToBase64String(b); 

} 

catch (CryptographicException) { 

// 

} 

return null; 

} 

Use a chave de criptografia e a classe Rijndaei Managed para criptografar as informacoes 
sigilosas: 

private string Criptografar(string dados, string chave) { 
byte[] b = Encoding.UTF8.CetBytes(dados); 
byte[] pw = Encoding.UTF8.CetBytes(chave); 

RijndaeiManaged rm = new RijndaeiManaged(); 

PasswordDeriveBytes pdb = new PasswordDeriveBytes(chave, 
new MD5CryptoServiceProvider().ComputeHash(pw)); 
rm.Key = pdb.CetBytes(32); 
rm.IV = pdb.GetBytes(16); 
rm.BlockSize = 128; 
rm.Padding = PaddingMode.PKCS7; 


MemoryStream ms = new MemoryStreamQ; 
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CryptoStream cryptStream = new CryptoStream(ms, rm.CreateEncryptor(rm.Key, rm.IV), 
CryptoStreamMode,Write); 

cryptStream.Write(b, 0, b.Length); 

cryptStream.FlushFinalBlockO; 

return System.Convert.ToBase64String(ms.ToArray()); 

} 

Exemplo: 

string saida = Criptografar(txtDados.Text,Trim(), Unprotect(ReadRegistroO)); 

12.10.7.2 Descriptografe as informapes sigilosas 

Primeiramente, recupere as informagoes criptografadas, por exemplo, de um banco 
de dados. 

Recupere e, em seguida, descriptografe com DPAPI a chave de criptografia armaze- 
nada no registro. 

Use a classe Ri jndaelManaged para descriptografar as informagoes sigilosas: 

string saida = Descriptografar(Convert.FrornBase64String(CampoDoBD), Unprotect(ReadRegistroQ)); 

12.11 Login da aplicagao 

A seguranga da nossa aplicagao de exemplo comega pela criagao do banco de dados. 
A linha a seguir: 

aspnet_regsql.exe -S .\SQLExpress -E -d Northwind -A mr 

Acrescenta as tabelas de seguranga aspnet_Membership, aspnet_Ro1es, aspnet_Users, aspnet_ 
UsersInRoles, aspnet„Applications, aspnet_SchemaVersions ao banco de dados Northwind. 

Clique no menu Iniciar > Todos os programas > Microsoft Visual Studio 2013 > Visual Studio Tools > 
Developer Command Prompt for VS201 3. Em seguida, digite: 

aspnet_regsql.exe -S .\SQLExpress -E -d Northwind -A mr 

Modifique o arquivo de configuragao web.config localizado na raiz da aplicagao. Altere 
o elemento connectionStrings. 

Substitua: 

<add name="ApplicationServices" connectionString="data source=.\SQLEXPRESS;Integrated 
Security=SSPI;AttachDBFi1ename=|DataDirectory|aspnetdb.mdf;User Instance=true" 
providerName="System.Data.SqlClient" /> 

Por: 

<add name="SqlBDseguro" connectionString="Data Source=.\SQLExpress; 

Integrated Security=SSPI;Initial Catalog=Northwind;"/> 
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Altere o elemento membership. 

Substitua: 

<membership> 

<providers> 

<clear /> 

<add name="AspNetSqlMembershipProvider" type="System.Web.Security.SqlMembershipProvider" 
connectionStringName="ApplicationServices" enablePasswordRetrieval="false" 
enablePasswordReset="true" requiresQuestionAndAnswer="false" 
requiresUniqueEmaiVfalse" maxInvalidPasswordAttempts="5" 
minRequiredPasswordLength="6" minRequiredNonalphanumericCharacters="0" 
passwordAttemptWindow="10" applicationName="/" /> 

</providers> 

</membership> 

Por: 

membership defaultProvider="SqlProvider" > 

<providers> 

<clear /> 

<add 

name="SqlProvider" 

type="System.Web.Security.SqlMembershipProvider" 

connectionStringName="SqlBDseguro" 

applicationName="AppCapitulol2" 

enablePasswordRetrieval="false" 

enablePasswordReset="true" 

requiresQuestionAndAnswer="false" 

requiresUniqueEmail="true" 

minRequiredPasswordLength="8" 

minRequiredNonalphanumericCharacters="l"/> 

</providers> 

</membership> 

O atributo enablePasswordReset quando definido como true permite que a aplicagao 
recrie a senha no banco de dados. Recurso utilizado quando enviamos uma nova 
senha ao usuario. 

O atributo requi resQuestionAndAnswer deve ser false, pois o formulario de cadastro-padrao 
adicionado a aplicagao ASP.NET MVC nao cadastra perguntas e respostas. 

O atributo appl i cati onName define o nome da aplicagao e deve ser definido para evitar 
eventuais problemas de identificagao ao migrar a aplicagao de um servidor para outro. 
Ou seja, voce precisa manter o mesmo nome ao migrar a aplicagao de um servidor para 
outro ou voce perde acesso aos usuarios e regras de acesso previamente cadastrados. 
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<roleManager enabled="false"> 

<providers> 

<clear /> 

<add name="AspNetSqlRoleProvider" type="System.Web.Security.SqlRoleProvider" 
connectionStringName="ApplicationServices" applicationName="/" /> 

<add name="AspNetWindowsTokenRoleProvider" 

type="System.Web.Secu rity.WindowsTokenRoleProvider" appl i cationName="/" /> 
</providers> 

</roleManager> 

Por: 

<roleManager defaultProvider="SqlRoleProvider" 

enabled="true" 

cacheRolesInCookie="true" 

cookieName="{278FAD2B-26C2-4940-932B-4780E200569B}" 

cookieTimeout="5" 

cookieRequireSSL="false" 

cookieSlidingExpiration="true" 

cookieProtection="Al1" 

createPersistentCookie="fal se"> 

<providers> 

<add 

name="SqlRoleProvider" 
type="System.Web.Security.SqlRoleProvider" 
connectionStringName="SqlBDseguro" 
applicationName="AppCapitulo!2"/> 

</providers> 

</roleManager> 

Altere tambem o elemento forms. Substitua: 

authentication mode="Forms"> 

<forms loginUrl="-/Account/LogOn" timeout="2880" /> 

</authentication> 

Por: 

authentication mode="Forms"> 

<forms loginUrl="~/Account/LogOn" timeout="2880" 
name="EF7B6C48-3DD6-45FD-871C-8374AE0D9F0D" 
protection="All" 
requireSSL="false" 
path="/" 

siidingExpiration="true" /> 

</authentication> 
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Obs.: nao use o valor-padrao no atributo cookieName quando multiplos websites es- 
tiverem hospedados no mesmo servidor. Nesse caso, defina um GUID como nome. 
clique no menu Iniciar > Todososprogramas > Microsoft Visual Studio 2010 > Microsoft Windows SDK Tools 
> GUID Generator. Na janela Create GUID, gere um GUID no formato registro e copie para o 
atributo cookieName. 

Acrescente ao banco de dados dois grupos de usuarios (Clientes e Administradores) e, 
no minirno, dois usuarios. Siga os passos descritos no topico “11.4 Gerenciando a 

aplicaqao”. 

12.11.1 Formulariode login 

A aplicagao usa um formulario de login personalizado. Substitua o codigo do arquivo 
Views/Account/LogOn,cshtml: 

©model AppCapitulol2.Models.LogOnModel 

@{ 

ViewBag.Title = "Tela de login"; 

} 

<h2>Tela de 1ogin</h2> 

<P> 

Por favor, digite o nome de usuario e senha. ©Html.ActionLink("Clique aqui", "Register") se 
voce nao tern uma conta. 

</p> 

<scri pt src="@Url.Content("~/Scripts/jquery. validate.min. js")" type="text/javascript"x/script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" 
type="text/javascript u x/script> 

©using (Html .BeginFormO) { 

©Html .AntiForgeryTokenO 
©Html.ValidationSummaryCtrue, 

"Login was unsuccessful. Please correct the errors and try again.") 

<div> 

<fi eldset> 

clegendsinformagoes da conta</legend> 

<div class="editor-1abel"> 

©Html.LabelFor(m => m.UserName) 

</div> 

<div class="editor-field"> 

©Html.TextBoxFor(m => m.UserName) 

©Html.ValidationMessageFor(m => m.UserName) 

</div> 
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<div class= n editor-]abel"> 

@Html.LabelFor(m => m.Password) 

</div> 

<div class= ,! editor-field"> 

©Html.PasswordFor(m => m.Password) 

©Html.ValidationMessageFor(m => m.Password) 

</div> 

<div class="editor-label"> 

©Html.CheckBoxFor(m => m.RememberMe) 

©Html.LabelFor(m => m.RememberMe) 

</div> 

<p> 

<input type="submit" value="Enviar H /> 

</p> 

</fieldset> 

</div> 

} 

Pelo codigo: 

©model AppCapitulol2.Models.LogOnModel 

using (Html.BeginFormC'LogOn", "Account")) { 

©Html .AntiForgeryTokenO 

<table style="width; 100%; text-align: right"> 

<tr> 

<td colspan="6" style="text-align: center; background-color: red; height: 0px;"> 
<div> 

©Html.ValidationMessageFor(m => m.UserName, 

new { style = "font-family: Aria!, Helvetica, sans-serif; 
font-weight: bold; color: white; font-size: 10px;" }) 

©Html.ValidationMessageFor(m => m.Password, , 

new { style = "font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; color: white; font-size: 10px;" }) 

</div> 

</td> 

</tr> 

<tr> 

<td colspan="6" style="text-align: center; background-color: #006486; height: 3px;"> 
</td> 

</tr> 

<tr> 

<td width="45%"> 

</td> 
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<td style="text-align: center; width: 10%;"> 

<a href="@Href("~/Account/register")" class="menulogin">Cadastre-se </a> 

</td> 

<td style="width: 15%; text-align: right;"> 

@Html.TextBoxFor(m => m.UserName, 

new { MaxLength = 50, style = "text-align: left; width: 95%;" }) 

</td> 

<td style="width: 15%; text-align: right;"> 

@Html.PasswordFor(m => m.Password, 

new { MaxLength = 15, style = "text-align: left; width: 95%;" }) 

</td> 

<td style="text-align: left;"> 

<input alt="Login" type="submit" value="Entrar" 

style="font-family: Arial, Helvetica, sans-serif;font-size: 10px;" /> 

</td> 

<td> 

<a href="@Href("~/Account/NovaSenha")" class="menulogin">Esqueceu a senha?</a> 
</td> 

</tr> 

</table> 

} 

} 

12.11.1.1 Metodos de controlador 

Carregue o metodo de controlador LoadFormLogin na marca “Formulario de login aqui” 
dentro da pagina de layout Views\Shared\_Layout.cshtml: 

@{Html.RenderAction("LoadFormLogin", "Account");} 

No controlador AccountController crie o metodo LoadFormLogin com o seguinte codigo: 
[Chi 1dActionOnly] 

public ActionResult LoadFormLoginO { 

if (User.Identity.IsAuthenticated && (User.IsInRole("Clientes") || User. 
IsInRoleC'Administradores"))) { 

MembershipUser usuario = Membership.GetUser(User.Identity.Name); 

ViewBag.UserName = usuario.UserName; 

ViewBag.LastLoginDate = usuario. LastLoginDate; 
return PartialView("Logado"); 

} 

else { 

return Parti alView("Log0n"); 

} 
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Verificamos se o usuario esta logado e se pertence ao grupo Clientes ou Administradores: 


if (User.Identity.IsAuthenticated && (User.IsInRole("Clientes") || 
User.IsInRole("Administradores"))) { 

Para usuarios logados “pegamos” o nome do usuario e a data do ultimo login: 

MembershipUser usuario = Membership.GetUserQJser.Identity.Name); 

ViewBag.UserName = usuario.UserName; 

ViewBag.LastLoginDate = usuario. LastLoginDate; 
return PartialView("Logado"); 

Crie o partial view Views/Account/Logado.cshtml: 

<table style="width: 100%; text-align: center"> 

<tr> 

<td style="text-a1ign: right; width: 40%;"> 

</td> 

<td style="text-align: right; width: 30%;"> 

<span style="font-family: Arial, Helvetica, sans-serif; font-weight: bold; 

color: white; font-size: 10px;">Ultimo iogin;</span> 

<span style="font-family: Arial, Helvetica, sans-serif; color: white; font-size: 10px;"> 
@ViewBag.LastLoginDate 
</span> 

</td> 

<td style="text-align: center; width: 73%;"> 

<span style="font-fami1y: Arial, Helvetica, sans-serif; font-weight: bold; 

color: white; font-size: 10px;">Seja bem vindo</span> 

<span style="font-family: Arial, Helvetica, sans-serif;color: white; font-size: 10px;"> 
@ViewBag.UserName 
</span> 

</td> 

<td style="width: 7%; font-weight: bold; text-align: right;"> 

<spanxa href="@Href("~/Account/LogOff , ) n class="menulogin">Sai r</a> </span> 

</td> 

</tr> 

</table> 

Acrescente o seletor CSS menulogin: 

.menulogin:link { 

text-decoration: none; 
font-family: Arial, Helvetica, sans-serif; 
color: white; 
font-size: lOpx; 

} 

.menulogin:visited { 

text-decoration: none; 

font-family: Arial, Helvetica, sans-serif; 
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.menulogin:active { 

text-decoration: none; 
font-family: Arial, Helvetica, sans-serif; 
color: white; 
font-size: lOpx; 

} 

.menulogin:hover { 

text-decoration: underline; 
font-family: Arial, Helvetica, sans-serif; 
color: black; 
font-size: lOpx; 

} 

Para usuarios anonimos exibimos o formulario de login: 

return PartialView("LogOn”); 

O metodo de controlador LogOn autentica o usuario e grava o cookie de autenticagao. 
Substitua o codigo original pelo codigo a seguir: 

[HttpPost, ValidateAntiForgeryToken]//, RequireHttps 
public ActionResult LogOn(LogOnModel model, string returnUrl) { 
if (ModelState.IsValid) { 

if (MembershipService.ValidateUser(model.UserName, model.Password)) { 

FormsService.Signln(model.UserName, false);//model.RememberMe 
if (Url.IsLocalUrl(returnUrl)) { 
return Redirect(returnUrl); 

} 

else { 

return RedirectToAction("Index", "Home"); 

} 

} 

else { 

return View("MensagemErro"); 

} 

} 

return View(model); 

} 

No codigo incluimos alguns atributos de seguranga: 

[HttpPost, ValidateAntiForgeryToken]//, RequireHttps 

Alteramos a linha: 


FormsService.Signln(model.UserName, false);//model.RememberMe 
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E acrescentamos o trecho de codigo a seguir: 

else { 

return View("MensagetnErro"); 

} 

Crie o partial view Views/Account/MensagemErro.cshtml que contem a mensagem de erro 
exibida quando digitamos credenciais inexistentes: 

<p style="font-family: Arial, Helvetica, sans-serif; font-size; lOpx; font-weight: bold; color; 
Red;"> 

Senha e/ou login incorretos. Por favor, digite novamente e clique em ’Entrar’ 

</p> 

12.11.2 Enviando uma nova senha 

Para enviar a senha para os usuarios que esqueceram a senha usamos um formulario 
de campo unico. 

Ao informar o nome de usuario, o website cria e envia uma nova senha por e-mail. 
Acrescente a aplicagao o arquivo Views/Account/NovaSenha.cshtml com o codigo a seguir: 
©model AppCapitulol2.Models.RegisterModel 

ViewBag.Title = "Programando com ASP.NET MVC"; 

} 

<div id="divProdutos" /> 

ctable style="border-style: none; border-width: Opx; border-color; inherit; width: 100%; 
position: relative;"> 

<tr> 

<td style="background-color: #027399; height: Opx;" colspan="3" class="secao"> 
<strong>Digite o nome de usuario</strong> 

</td> 

</tr> 

<tr> 

<td style="vertical-align; top; text-align: left;"> 

@{ 

using (Html.BeginForm("NovaSenha", "Account")) { 

@Html .AntiForgeryTokenO 
©Html.ValidationSummary(true); 

<fieldset> 

<table> 

<tr> 

<td style="vertical-align; top; height: lOpx; text-align: left;"> 

</td> 

</tr> 

<tr> 



368 


Programando com ASP.NET MVC 


} 

</td> 

</tr> 

</table> 


<td style="vertical-align: top; text-align: left;"> 

<div class="editor-label"> 

@Html.LabelFor(model => model.UserName) 

</div> 

<div class="editor-field"> 

@Html.TextBoxFor(model => model.UserName, 

new { MaxLength = 50, @style - "width: 250px;" }) 
@Html.ValidationMessageFor(model => model.UserName) 
<input type="submit" value="Enviar e-mail" 

style="font-family: Arial, Helvetica, sans-serif; 
font-size: 10px;" /> 

</div> 

</td> 

</tr> 

</table> 

</fieldset> 


O resultado vemos na figura 12.22. 
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TTf j i at - A 




Figura 1222 - Formulario de envio de nova senha. 
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12.11.2.1 Metodo de controlador 

Repare no codigo anterior que no formulario invocamos o metodo de controlador 

NovaSenha: 

using (Html.BeginForm("NovaSenha", "Account")) { 

Crie esse metodo no controlador AccountController: 

[HttpPost, ValidateAntiForgeryToken] 

public ActionResult NovaSenha(string UserName) { 

MembershipUser membro = Membership.GetUser(UserName); 
if (membro != null) { 

string senha = membro.ResetPasswordO; 

SendEmail(membro.Email, "Nova senha", "Sua nova senha no website xx e:" + senha); 

} 

else { 

Model State.AddModelError("", "Usuario nao existe."); 

} 

return View(); 

} 

Se o nome de usuario existe, a nova senha e criada e enviada via e-mail: 

MembershipUser membro = Membership.GetUser(UserName); 
if (membro != null) { 

string senha = membro.ResetPasswordO; 

SendEmail(membro.Email, "Nova senha", "Sua nova senha no website xx e:" + senha); 

} 

Pelo metodo SendEmail: 

private void SendEmail(string email, string assunto, string mensagem) { 

try { 

WebMail.SmtpServer = "local host"; 

WebMail.SmtpPort = 25; 

//WebMail.EnableSsl = true; 

//WebMail.UserName = "usuario"; 

//WebMail.Password = "senha"; 

WebMail.From = "siteexemplo@siteexemplo.com"; 

WebMail.SmtpUseDefaultCredentials = true; 

WebMail.Send(to: email, subject: assunto, body: mensagem); 

Model State.AddModelError("", "Senha enviada com sucesso."); 

} 

catch (Exception ex) { 

Model State.AddModelError("", "Erro ao enviar e-mail."); 

} 


} 
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Acrescente o codigo do metodo SendEmail ao controlador AccountController. 

Importe a namespace System.Web.Helpers: 
using System.Web.Helpers; 

12.12 Carrinhode compras 

O carrinho de compras e constituido de itens. Cada item corresponde a um produto 
ou servigo. 

Ao elaborar os requisitos do recurso carrinhos de compras verifique quais informa- 
goes sao essenciais, importantes e acessorias. Assim, concluimos que: precisamos de 
um carrinho de compras com itens. 

Repare que temos uma relagao do tipo um para muitos. Por exemplo, um carrinho 
de compras pode ter um ou mais itens. 

Com base nessa informagao, percebemos que necessitamos separar o carrinho de 
compras dos seus itens. 

12.12.1 Criando as tabelas 

Um website de venda de produtos necessita basicamente de duas tabelas para o 
carrinho de compras. Uma para armazenar o identificador do carrinho de compras 
e outra para os itens. 

12.12.1.1 Tabela ShoppingCart 

Entao, quais informagoes o recurso carrinho de compras deve conter? Basicamente, 
tres. O id do carrinho, a data de criagao e um mecanismo de verificagao para dife- 
renciar os carrinhos abandonados dos que tiveram os pedidos finalizados. Voce pode 
incluir outras informagoes se achar necessario. 

Crie no banco de dados Northwind a tabela ShoppingCart com os campos a seguir: 


Campo 

Tipo de dados 

Permite nulos 

Especificagao de identidade 

Valor-padrao 

Cartld 

int 

Nao 

Sim 


Data 

datetime2(7) 

Nao 


getdatef) 

IsCheckedOut 

bit 

Nao 


0 


Obs.: getdate e uma fungao do SQLServer. 
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12.12.1.2 Tabela ShoppingCartltens 

A tabela ShoppingCartltens armazena os itens do carrinho de compras. E cada item 
content um identificador de carrinho de compras, um identificador de produto, a 
quantidade de produtos e a data que o fato ocorreu, ou seja, quando o item foi adi- 
cionado ao carrinho. 

Usando essas informagoes crie no banco de dados Northwind a tabela ShoppingCartltens: 


Campo 

Tipo de dados 

Permite nuios 

Especifica^ao de identidade 

Valor-padrao 

Cartltemld 

| int 

Nao 

Sim 


Cartld 

int 

Nao 



ProductID 

int 

Nao 



Data 

dateti me2(7) 

Nao 


getdateO 

Quantidade 

smallint 

Nao 


1 


12.12.2 AD0.NET Entity Framework 

Crie um diagrama no SQLServer com as tabelas ShoppingCart, ShoppingCartltens, Products 
do banco de dados Northwind. Observe a figura 12.23. 



Figura 1223 - Diagrama no sql server. 

Atualize o modelo conceitual do ADO.NET Entity Framework. Abra o arquivo 
Models/Modell.edmx e clique com o botao direito do mouse em uma area livre do arqui¬ 
vo. Em seguida, selecione Update Model from Database.... Adicione as tabelas ShoppingCart e 
ShoppingCartltens. 
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12.12.3 Valida^ao e formata^ao 

Valide e formate as propriedades da classe ShoppingCart. Crie o arquivo ShoppingCart.es 
no diretorio Models. Acrescente o codigo a seguir ao arquivo: 

using System.ComponentModel.DataAnnotations; 
namespace AppCapitulol2.Models { 

[MetadataType(typeof(ShoppingCartMetadata))] 
public partial class ShoppingCart { } 

public class ShoppingCartMetadata { 

[Required(ErrorMessage = "0 campo IsCheckedOut e obrigatorio.")] 
[RegularExpression("A[true|false]+$", ErrorMessage = "Informe urn valor boleano.")] 
public bool IsCheckedOut { get; set; } 

} 

} 

As propriedades Cartld e Data nao necessitam ser validadas. A entrada e realizada au~ 
tomaticamente pelo SQL Server. 

Em seguida, valide as propriedades da classe ShoppingCartlten (e N no final mesmo). 
Adicione o arquivo ShoppingCartItem.es ao diretorio Models com o codigo a seguir: 

using System.ComponentModel.DataAnnotations; 
namespace AppCapitulol2.Models { 

[MetadataType(typeof(ShoppingCartItenMetadata))] 
public partial class ShoppingCartlten { } 

public class ShoppingCartltenMetadata { 

[Required(ErrorMessage = "0 campo Cartld e obrigatorio.")] 

[RegularExpression("A[0-9]+S", ErrorMessage = "Informe urn valor numerico.")] 
public int Cartld { get; set; } 

[Required(ErrorMessage = "0 campo ProductID e obrigatorio.")] 
[RegularExpression("A[0-9]+$", ErrorMessage = "Informe urn valor numerico.")] 
public int ProductID { get; set; } 

[Required(ErrorMessage = "0 campo Quantidade e obrigatorio.")] 
[RegularExpression("A[0-9]+$", ErrorMessage = "Informe urn valor numerico.")] 
[Range(typeof(short), "1", "100", ErrorMessage = "Valor fora do intervalo. 1-100")] 
public short Quantidade { get; set; } 

} 


} 
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Para elaborar os metodos de controlador do carrinho de compras crie a classe de 
controlador ShoppingController. Em seguida, acrescente o metodo construtor: 

private IGenericRepository .repository; 
public ShoppingControllerO { 

.repository = new EntityFrameworkRepository(new NorthwindBDO); 

} 

E tambem o codigo a seguir: 

protected override void HandleUnknownAction(string actionName) { 
try { 

this.View(actionName).ExecuteResult(this.ControllerContext); 

} 

catch (InvalidOperationException) { 

this.View("NotFound").ExecuteResult(this.ControllerContext); 

} 

} 

Importe a namespace AppCapitulol2.Models: 
using AppCapitulol2.Models; 

12.12.4.1 Cookies 

O identificador do carrinho de compras e gravado em um cookie. Quando acessamos 
o carrinho de compras, verificamos se o cookie existe e extraimos o identificador. 

Para gravar e ler cookies crie o arquivo Cookies.es no diretorio Models e acrescente o 
codigo a seguir: 

using System; 

using System.Text.RegularExpressions; 
using System.Web; 
namespace AppCapitulol2.Models { 
public static class Cookies { 

public static int LerCookieQ { 
int resultado; 

if (HttpContext.Current.Request.Cookies["ShoppingCartld"] != null) 
i f (Regex.IsMatch(HttpContext.Current.Request 
.Cookies["ShoppingCartld"].Value, "a[ 0-9]+$")) 
if (Int32.TryParse(HttpContext.Current.Request 

.Cookies["ShoppingCartld"].Value, out resultado)) 
return resultado; 

return 0; 

} 



374 


Programando com ASP.NET MVC 


public static bool CartldExistO { 

if (HttpContext.Current.Request.Cookies["ShoppingCartId"] != null) 
return Regex.IsMatch(HttpContext.Current.Request 
.Cookies[ H ShoppingCartId"].Value, "a[ 0-9]+$"); 
return false; 

} 

public static void GravarCookie(string valor) { 
var cook = new HttpCookie("ShoppingCartId"); 
cook.HttpOnly = true; 
cook.Value = valor; 

cook. Expires = DateTitne.Now.AddYears(l); 

HttpContext.Current.Response.Cookies.Add(cook); 

} 

} 

} 

12.12.4.2 Metodos de controlador 

Para o carrinho de compras desenvolvemos tres metodos de controlador. Um exibe 
os itens atuais do carrinho, outro adiciona novos itens e um terceiro metodo exclui 
os itens. 

Para desenvolver o codigo do metodo de controlador GetShoppingCartltens observe o 
fluxograma da figura 12.24. 


Nao 


Carrinho existe? 


Sim 


Exibe mensagem 



Nao 


* 

Exibe itens 
do carrinho 


Carrinho 


Sim 



Figura 1224 - Fluxograma do metodo getshoppingcartitens. 

Observando o fluxograma percebemos que o metodo GetShoppingCartltens exibe uma 
mensagem especifica se o carrinho de compras nao existe ou e vazio: 
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if (ICookies.CartldExist || !CartHasItem()) 
return View("CarrinhoVazio"); 

} 

O partial view CarrinhoVazio exibe a mensagem ao usuario. Crie o arquivo CarrinhoVazio. 
cshtml no diretorio Views/Shopping e inclua o codigo a seguir: 

<div id="divProdutos" /> 

<p style="font-family: Arial, Helvetica, sans-serif; font-size; lOpx; font-weight; bold; 
color: Red;"> 

@ViewBag.Mensagem 

</p> 

Crie tambem o metodo CartHasItem. O metodo CartHasItem verifica com base no identi- 
ficador do carrinho de compras se ha itens armazenados no banco de dados: 

private bool CartHasItemO { 

int cartld = Cookies,LerCookieO; 
if (cartld == 0) return false; 

var model = _repository.GetSingle<ShoppingCartIten>(x => x.Cartld == cartld); 
if (model == null) { 
return false; 

} 

else { 

return true; 

} 

} 

Os itens atuais do carrinho sao exibidos com o auxilio do metodo Find: 
int cartld = Cookies.LerCookieO; 

var model = .repository,Find<ShoppingCartIten>(x => x,Cartld == cartld); 

var modelo = .repository,Find<ShoppingCartIten>(x => x.Cartld == cartld),Sum(s => 

(s.Quantidade * s.Product.UnitPrice)); 

Session["Total"] = modelo,Value; 
if (model == null) 

return View("NotFound"); 
else 

return View("GetShoppingCartItens", model); 

O metodo LerCookie retorna o identificador do carrinho de compras: 
int cartld = Cookies.LerCookieO; 

O total do carrinho e calculado com base em informagdes extraidas do banco de 
dados e armazenado em uma variavel de sessao: 

var modelo = .repository,Find<ShoppingCartIten>(x => x.Cartld == cartld),Sum(s => 

(s.Quantidade * s.Product.UnitPrice)); 

Session["Total"] = modelo.Value; 
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Adicione o metodo GetShoppingCartltens ao controlador ShoppingController: 

public ActionResult GetShoppingCartltensO { 

ViewBag.Mensagem = "Seu carrinho de compras esta vazio."; 

ViewBag.Categoria = "Carrinho de compras"; 
if (!Cookies.CartIdExist() || !CartHasItem()) { 
return View("CarrinhoVazio"); 

} 

else { 
try { 

int cartld = Cookies.LerCookieO; 

var model = „repository.Find<ShoppingCartIten>(x => x.Cartld == cartld); 
var modelo = _repository.Find<ShoppingCartIten>(x => 

x.Cartld == cartld).Sum(s => (s.Quantidade * s.Product.UnitPrice)); 
Session["Total"] = modelo.Value; 
if (model == null) 

return View("NotFound"); 

else 

return View("GetShoppingCartItens", model); 

} 

finally { 

if (.repository != null)_repository.Dispose(); 

} 

} 


12 . 12 . 4 . 2.1 Adicionando itens ao carrinho 

Para acrescentar um novo item ao carrinho de compras usamos o metodo de con¬ 
trolador AddShoppingCartltem: 

public ActionResult AddShoppingCartItem([Bind(Exclude = "IsCheckedOut")]int ProductID) { 

try { 

if (!Cookies.CartIdExist()) { 

CreateShoppingCartO; 

AddCartltens(ProductlD); 

} 

else { 

AddCartltens(ProductlD); 

} 

} 

catch (System.Data. EntitySqlException) { 

// 

} 

catch (System.Data. EntityCommandExecutionException) { 

// 


} 
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finally { 

if (.repository != null) .repository.DisposeO; 

} 

return RedirectToAction("GetShoppingCartItens"); 


Observe a figura 12.25. 



Figura 1225 - Fluxograma do metodo addshoppingcartitem. 

Quando observamos o codigo e o fluxograma, notamos que, primeiramente, verifi- 
camos se o carrinho de compras existe. 

if (ICookies.CartldExistQ) { 

Se o carrinho de compras existe, simplesmente acrescentamos o novo item: 
AddCartltens(ProductlD); 

Caso contrario, criamos o carrinho de compras antes de acrescentar os itens: 

CreateShoppingCartQ; 

AddCartltens(ProductlD); 

O metodo CreateShoppingCart adiciona o carrinho de compras ao banco de dados e, em 
seguida, retorna o identificador e o armazena em um cookie: 
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private void CreateShoppingCartQ { 

ShoppingCart entidade = new ShoppingCartO; 
entidade.Data = DateTime.Now; 

_repository.Create<ShoppingCart>(entidade); 

var model = _repository.CetAll<ShoppingCart>().Max(x => x.Cartld); 
if (model > 0) Cookies.GravarCookie(model.ToStringO); 

} 

O metodo AddCartltens extrai o identificador gravado pelo metodo CreateShoppingCart em 
um cookie e acrescenta os novos itens ao carrinho de compras: 

private void AddCartItens(int ProductID) { 
if (!CartItemExist(ProductID)) { 

ShoppingCartlten entidade = new ShoppingCartltenO; 
enti dade. Cartld = Cookies. LerCookieO; 
entidade.ProductID = ProductID; 
entidade.Data = DateTime.Now; 
entidade.Quantidade = 1; 

_repository.Create<ShoppingCartIten>(entidade); 

} 

} 

O metodo CartltemExist evita que itens duplicados sejam adicionados ao carrinho de 
compras: 

private bool CartItemExist(int ProductID) { 
int cartld = Cookies.LerCookieO; 
if (cartld == 0) return false; 

var model = _repository.GetSingle<ShoppingCartIten>(x => x.ProductID == ProductID && 
x.Cartld == cartld); 
if (model == null) { 
return false; 

} 

else { 

return true; 

} 

} 

12.12.4.2.2 Exduindo itens do carrinho 

Excluimos itens do carrinho de compras com o metodo DelShoppingCartltem: 

public ActionResult DelShoppingCartItem(int ProductID) { 

try { 

ShoppingCartlten entidade = new ShoppingCartltenO; 

..repository,Delete<ShoppingCartIten>(x => x.ProductID == ProductID); 

} 
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catch (System.Data.EntitySqlException) { 

// 

} 

catch (System.Data.EntityCommandExecutionException) { 

// 

} 

finally { 

if (..repository != null) .repository.DisposeO; 

} 

return RedirectToAction("GetShoppingCartItens"); 


Obs.: acrescente os metodos AddShoppingCartltem, CreateShoppingCart, AddCartltens, 
CartltemExist, DelShoppingCartltem e seu respectivo codigo ao controlador 
ShoppingController. 

12.12.4.2.3 Carrinho do compras 

Acrescente ao diretorio Views/Shopping o arquivo GetShoppingCartltens.cshtml com o codigo 
a seguir: 

©model IEnumerable<AppCapitulol2.Models.ShoppingCartltens 

@{ 

ViewBag.Title = "Programando com ASP.NET MVC"; 

Layout = "~/Views/Shared/_Layout.cshtml n ; 

} 

<div id="divProdutos" /> 

ctable style="border-style: none; border-width; Opx; border-color: inherit; width: 100%; 
position: relative;"> 

<tr> 

<td style="background-color; #027399; height: Opx;" colspan="3" class="secao"> 

<strong>@ViewBag.Categoria</strong> 

</td> 

</tr> 

<tr> 

<td style="vertical-align: top; text-align: left;"> 

<table class="grade" runat= n server n > 

<tr> 

<td class="header"> 

Produtos 

</td> 

<td class="header n > 

Quantidade 

</td> 

<td class="header"> 

Valor unitario 
</td> 

<td class="header"> 

Valor total 
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</td> 

<td class="header n > 

Excluir 
</td> 

</tr> 

©foreach (var item in Model) { 

<tr> 

<td class="letras" style="width: 50%; text-align: left;"> 

@i tern.Product.ProductName 

</td> 

<td class="letras" style="width: 15%; text-align: left;"> 

©item.Quantidade 

</td> 

<td class="letras" style="width: 20%; text-align: left;"> 

©String.Format(new System.Clobalization.CultureInfo("pt-BR"), 

"{0:c}", itern.Product.UnitPrice) 

</td> 

<td class="letras" style="width: 20%; text-align: left;"> 

©String.Format(new System.Globalization.CultureInfo("pt-BR"), 

"{0:c}", (item.Quantidade * item.Product.UnitPrice)) 

</td> 

<td class= n letras" style="width: 20%; text-align: left;"> 

<a href="@Href("~/shopping/DelShoppingCartItem?ProductID=")@item.ProductID"> 
<img src="@Href("~/Content/Imagens")/btnExcluir.gif" border="0" 
alt="Excluir item do carrinho"/></a> 

</td> 

</tr> 

<tr> 

<td style="background-image:url( , @Href("~/Content/Imagens")/barra.gif'); 

height:3px;" colspan="5"> 

</td> 

</tr> 

} 

<tr> 

<td colspan="2"> 

</td> 

<td class="letras" style="text-align: right;"> 

<strong>Total:</strong> 

</td> 

<td class="letras" style="text-align: left;"> 

<strong>@String.Format(new System.Globalization.CultureInfo("pt-BR"), 
"{0:c}", Session["Total"])</strong> 

</td> 

</tr> 

</table> 

</td> 

</tr> 

</table> 



Capftulo 12 ■ Desenvolvendo urn website com o ASP.NET MVC 

12.12.5 Adicione outros recursos 


381 


Desenvolvemos a estrutura basica da aplicagao de exemplo. Voce pode adicionar 
outros recursos. Sugerimos que voce acrescente os seguintes recursos: 

• Modifique o mecanismo de busca. Permita a busca de multiplos termos etc. 
Use outros mecanismos de busca como referenda. 

• Altere o design da aplicagao. 

• Adicione ao banco de dados Northwind a tabela Pedidos: 


Campo 

Tipo de dados 

Permite nuios 

Especificagao de identidade 

Valor padrao 

IdPedido 

int 

Nao 

Sim 


Cardld 

int 

Nao 



IdCadastro 

int 

Nao 



DataPedido 

datetime2(7) 

Nao 


getdateQ 

EnderecoEntrega 

ntext 

Nao 



TotalDoPedi do 

money 

Nao 




Uma aplicagao profissional necessita armazenar diversas outras informagoes, como: 
IdStatusPedido, DataPagamento, DataEntrega, ValorFrete, TipoPagamento, TipoEntrega. 

• Crie a tabela Pedidosltens no banco de dados Northwind: 


Campo 

Tipo de dados 

Permite nuios 

Especificagao de identidade 

IdPedidoItens 

int 

Nao 

Sim 

IdPedido 

int 

Nao 


ProductID 

int 

Nao 


Quantidade 

smal1int 

Nao 


PrecoUnitario 

money 

Nao 



• No carrinho de compras acrescente o botao “finalizar pedido” e desenvolva os 
metodos de controlador necessarios para gravar o pedido do usuario no banco 
de dados. 

• Adicione tambem o recurso de atualizagao da quantidade de itens do carrinho 
de compras. 

• Crie uma area administrativa para o website. Permita excluir, atualizar infor¬ 
magoes de clientes. 

• Inclua recursos necessarios para adicionar, excluir, atualizar produtos e categorias. 

• Crie tambem um mecanismo para gerenciar os pedidos recebidos. 

• Inclua o calculo de fretes no carrinho de compras. 
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12.12.6 Publicando a aplica^ao 

Antes de enviar a aplicagao para o servidor web da empresa de web hosting, e neces- 
sario preparar os arquivos do seii website. Siga os seguintes passos: 

• Certifique-se de que a aplicagao foi realmente finalizada. 

• Configure os elementos authentication, compilation, trace, customErrors, httpCookies, 
sessionState, pages, globalization e roleManager no arquivo de configuragao web.config 
da seguinte forma: 

<?xml version="1.0" encoding="utf-8"?> 

<configuration> 

<system.web> 

<authentication mode="Forms"> 

<forms name="{3A488A0C-76AE-457B-8CB9-4DD402017860}" loginUrl=7Login.aspx"> 
</forms> 

</authentication> 

<compilation debug="false" targetFramework="4.0"/> 

<trace enabled =’’false u /> 

<customErrors mode="Remote0nly'7> 

<httpCookies httpOnlyCookies="true"/> 

<sessionState cookieless="false" /> 

<globalization fi1eEncoding="iso-8859-1" requestEncoding="iso-8859-1" 
responseEncoding="iso-8859-r culture="pt-BR" uiCulture="pt-BR'7> 

<roleManager defaultProvider="SqlRoleProvider" 
enabled="true" 
cacheRolesInCookie="true" 

cookieName="{278FAD2B-26C2-4940-932B-4780E200569B}" 
cookieTimeout="5" 
cookieRequireSSL="true" 
cookieSlidingExpiration="true" 
cooki eProtection="Al1" 
createPersistentCookie="false"> 

</roleManager> 

</system.web> 

</configuration> 

• Envie para a empresa de web hosting somente os arquivos utilizados pelo we¬ 
bsite, que geralmente tern alguma das seguintes extensoes: .aspx, .ascx, .cshtml,. 
css, .skin, . js, .asax, .master, .dll etc. Nao envie arquivos .cs ou .vb, pois qualquer 
pessoa que tenha acesso fisico ao servidor podera ver o codigo-fonte da sua 
aplicagao web. 
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• Se estiver tudo certo, envie os arquivos para a empresa de web hosting via FTP. 
Asenha, o nome de usuario e outras configuragoes usadas pelo software-cliente 
FTP sao fornecidas pela empresa de web hosting. 

• Recrie nos servidores da empresa de web hosting a mesma estrutura de dire- 
torios que o website tern no seu computador. Exemplo: DLLs no diretorio Bin, 
skins no diretorio App_Themes e assim por diante. 

• Depois de enviar os arquivos, teste todos os hyperlink do website. 

• Se tiver algum problema tecnico, utilize o suporte da empresa de web hosting. 

Antes de enviar os arquivos, e interessante voce compilar as classes da aplicagao em 
DLLs separadas. Por exemplo, o Visual Studio cria uma unica DLL: 

C :\Li vro\AppCapitulol2\bin\AppCapitulol2.dl1 

Uma boa pratica e dividir a aplicagao em varias DLLs. Coloque as classes do diretorio 
Models em uma DLL, as classes do diretorio Controllers em outra. 

Crie as DLLs manualmente. No Developer Command Prompt for VS2013, digite, por exemplo: 

esc /r:System.ComponentModel.DataAnnotations.dll /r:System.Web.dll 

/r:System.Data.Entity.dll /t;1ibrary /out:Model.dl1 Product.cs Cadastro.es Category.es 
Contato.es Cookies.es ShoppingCartItem.es ShoppingCart.es ICenericRepository.es 
EntityFrameworkRepository.cs 

E crie o arquivo Model .dll . Apos criar as DLLs da aplicagao, coloque-as no diretorio Bin. 

12.12.7 Unidadede teste 

As unidades de teste permitem que voce teste metodos de uma classe. Por exemplo, e 
possivel fazer comparagoes e verificar se um metodo retorna verdadeiro, falso, nulo. 

Quando criamos um novo projeto ASP.NET MVC, temos a opgao de adicionar uma 
unidade de testes. 

Observe a figura 12.26. 

Quando clicamos em OK, e acrescentado o seguinte codigo: 
using System; 

using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Web.Mvc; 

using Microsoft.VisualStudio.TestTools.UnitTesting; 

using MvcApplication3; 

using MvcApplication3.Control 1ers; 

namespace MvcApplication3.Tests.Controllers { 
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[TestClass] 

public class HomeControllerTest { 

[TestMethod] 
public void IndexO { 

// Arrange 

HomeController controller = new HotneControllerQ; 

// Act 

ViewResult result = controller.IndexO as ViewResult; 

// Assert 

Assert.AreEqual("Welcome to ASP.NET MVC!", result.ViewBag.Message); 

} 

[TestMethod] 
public void About() { 

// Arrange 

HomeController controller = new HomeControllerO; 

// Act 

ViewResult result = controller.AboutO as ViewResult; 

// Assert 

Assert.IsNotNul1(result); 

} 

} 

} 


New ASP.NET MVC 4 Project 


Project Tempfate 
Select a template 



S3 

S3 

S3 

S3 


Empty 

Basic 


Intranet 

Application 


S3 

S3 

S3 

S3 

1 

Mobile 

Application 

Web API 

Single Page 
Application 

Facebook 

Application 


View engine: 





| Razor 


_H 



0 Create a unit test project 
Test project name: 

[ MvcApplication4.Tests 


Test framework: 


Visual Studio Unit Test 


Description: 


A default ASP.NET MVC 4 project with an 
account controller that uses forms 
authentication. 


v Additional Info 


Figura 1226 - Adicionando uma unidade de testes. 
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Se voce tem um projeto e quer adicionar uma unidade de testes, 
ramentas Test Tools. Observe a figura 12.27. 


File Edit View Project Build Debug Team 
Data Tools Test Window Help 


Figura 1227 - Barra de ferramentas test tools . 

As opgoes na barra de ferramentas nos permitem criar um nova unidade de testes, 
executar testes no contexto atual ou na solugao atual, e e claro exibir os resultados 
dos testes. 

Quando clicamos no primeiro botao a esquerda na barra de ferramentas Test Tools, 
acionamos a caixa de dialogo Add New Test. Observe a figura 12.28. 


Templates: 


Description 

Use a unit test to exercise C++,, C#, or 
Visual Basic source code. Choosing Unit 
Test aiso lets you create A5P.NET unit 
tests and data-driven unit tests. 

A unit test calls the methods of a class, 
passing suitable parameters, and 
verifies that the returned value is what 
you expect. You can code unit tests by 
hand. 


Basic Unit Test Ordered Test 


[UnitTest4.es 


Add to Test Project: ,. pMvcApplications,Tests 


Figura 1228 - Caixa de dialogo add new test 

Ao clicar em OK geramos o codigo a seguir: 

using System; 

using System.Text; 

using System.Col lections.Generic; 

using System.Linq; 

using Microsoft.VisualStudio.TestTools.UnitTesting; 


namespace MvcApplication3.Tests { 
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[TestClass] 

public class UnitTest4 { 
public UnitTest4() { 

// TODO: Add constructor logic here 

} 

private TestContext testContextlnstance; 

public TestContext TestContext { 
get { 

return testContextlnstance; 

} 

set { 

testContextlnstance = value; 

} 

} 

[TestMethod] 

public void TestMethodlO { 

// TODO: Add test logic here 

} 

} 

} 

Observando o codigo percebemos que a classe e o metodo sao marcados por atribu- 
tos. A seguir, listamos os principals atributos que voce pode usar para realizar testes. 


Atributo 

TestClass 

TestMethod 

TestProperty 

Testlnitialize 

TestCleanup 

Classlnitialize 

ClassCleanup 

Ignore 


Descri^ao 

Marca a classe que content os metodos que serao testados. 

Define o metodo que sera testado. 

Define as propriedades que serao testadas em um metodo. 

Marca o codigo que deve ser executado antes de cada teste. 

Marca o codigo que deve ser executado apos cada teste. 

Marca o metodo executado antes de qualquer teste. Usado para alocar 
recursos. 

Marca o metodo executado apos todos os testes. Usado para liberar os 
recursos. 

Desativa os testes no metodo marcado. Util quando voce deseja desativar 
temporariamente os testes em determinado metodo. 


12.12.7.1 Executando os testes 

No Visual Studio os testes sao realizados com o auxilio de tres classes: Assert, 
CollectionAssert, StringAssert. 

A classe Assert faz comparaqoes com informaqoes manipuladas ou retornadas por um 
metodo. Por exemplo, isNull verifica valores nulos. 
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A classe CollectionAssert verifica elementos em colegoes. Por exemplo, AllItemsAreUnique 
testa se a colegao contem ou nao informagoes exclusivas. 

Para testar strings temos a classe StringAssert. Por exemplo, Matches e DoesNotMatch realizam 
verificagoes por meio de expressoes regulares. 

Para realizar os testes, geralmente voce precisa criar uma instancia da classe de con- 
trolador que contem os metodos-alvo do teste. Exemplo: 


public void IndexO { 

HomeController controller = new HomeControllerO; 

ViewResult result = controller.IndexO as ViewResult; 

Assert.AreEqual("Welcome to ASP.NET MVC!", result.ViewBag,Message); 

} 

Apos a definigao do codigo, use a barra de ferramentas Test Tools para realizar os testes 
na aplicagao. O resultado vemos na figura 12.29. 



File Edit View Project Build Debug Team Data Tjo! 


st Window Help 
t Debug 


iters, HomeControlterTest 


[Test Method] 
public void Index () 


// Arrange 

HomeController controller = new HomeController() 


// Act 

ViewResult result = controller.Index() as ViewResult, 


// Assert 

Assert.AreEqual("Welcome to ASP.NET HVC 


[TestHethod] 

public void About () 


[Test Results 

§~: f jz ) \ Administrador@PROGRAMADOR 201 ' *o Run v ^ Debug * J ^ 2 

0 Test run completed Results; 18/18 passed; Item(s) checked: 0 

Result Test Name Project 

Passed LogOn_Post_ReturnsRedirectToHomeOnSuccess_ Mvcteste,Tests 

, Passed ChangePassword_Post_ReturnsViewIfChangePas Mvcteste.Tests 


*•!# pa5sed 
Parsed 
V J^ Passed 
Passed 


ChangePasswordSuccess_ReturnsView Mvcteste. T ests 

About Mvcteste. Tests 

Logoff _LogsOut AndRedirects Mvcteste. T ests 

LogOn_Post_ReturnsViewIf ModelStatelsInvalid Mvcteste, T ests 


Microsoft Visual Studio 


| Mvcteste. Tests 


Figura 12.29 - Resultado dos testes. 
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Bind 
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metodos, 157 
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CAPTCHAs, 292 
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catch, instrugoes, 144 
Chart, 167 
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CheckBox, metodos, 203 
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Classlnitialize, atributos, 386 
CollectionAssert, classes, 387 
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Columns, metodos, 158 
Comentarios, 141 
Compare, atributos, 234 
Content 

Diretorios, 22 
Metodos, 63 

ContentResult, classes, 63 
controlador, 44 
Controladores, 24 
Controllers, diretorios, 22 
Conversoes, 145 
Crypto, 177 

CurrentCulture, propriedades, 253 
CurrentUICulture, propriedades, 253 
customErrors, elementos, 56, 297 

D 

DataBindTable, metodos, 169 
DataType, atributos, 233 
defaultSort, parametros, 156 
DefaultValue, atributos, 51 
Display, atributos, 233 
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DropDownListFor, metodos, 208 
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EditorFor, metodos, 213 
EditorForModel, metodos, 211 
Editor, metodos, 213 
EmptyResult, classes, 65 
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EnableClientValidation, metodos, 236 
enablePasswordReset, atributos, 360 
EnableSsl, propriedades, 173 
EnableUnobtrusiveJavaScript, metodos, 236 
Encode, metodos, 214 
EndForm, metodos, 197 

ErrorMessageResourceName, propriedades, 253 
ErrorMessageResourceType, propriedades, 253 
ExceptionType, propriedades, 56 
Exclude, propriedades, 55 

F 

File, metodos, 176 
FileResult, classes, 64 
fillEmptyRows, parametros, 160 
FilterAttribute, classes, 256 
foreach, instrugoes, 143 
for, instrugoes, 143 
format, parametros, 158 
FormCollection, classes, 50 
forms, elementos, 70, 361 

G 

Generateld, metodos, 225 
GetFromCache, metodos, 171 
GetHtml, metodos, 157,158 
GetSelectLink, metodos, 162 
GetVaryByCustomString, metodos, 73 
global.asax, 180,185 
Global.asax, 69, 73, 261 
Global.asax, metodos, 26 
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HandleError, atributos, 56 
HandleUnknownAction, metodos, 55 
head, elementos, 29 
helper, instrugoes, 224 
HiddenFor, metodos, 203 
Hidden, metodos, 203 
Href, metodos, 146 
htmlAttributes, parametros, 160 


HtmlTextWriter, classes, 228 
HttpNotFound, metodos, 69 
HttpNotFoundResult, classes, 69 
HttpStatusCodeResult, classes, 69 
HttpUnauthorizedResult, classes, 69 


IActionFilter, interface, 257 
IAuthorizationFilter, interface, 256 
IClientValidatable, interface, 245 
IExceptionFilter, interface, 257 
if, instrugoes, 141 
Ignore, atributos, 386 
Include, propriedades, 55 
inline, expressoes, 36 
Insert, metodos, 76 
IsNull, metodos, 386 
IsValidForRequest, metodos, 57 
Is Valid, metodos, 244 

J 

JavaScriptResult, classes, 66 
JsonResult, classes, 66 

L 

LabelFor, metodos, 199 
LabelForModel, metodos, 199 
Label, metodos, 198 
Layout, propriedades, 149,153 
ListBox, metodos, 209, 211 
LoadingElementDuration, propriedades, 271 
LoadingElementld, propriedades, 271 
Location, parametros, 74 

M 

makecert, ferramentas, 298 
MapRoute, metodos, 180 
MasterPageFile, atributos, 33 
Master pages, 28 
Matches, metodos, 387 
membership, elementos, 279 
MergeAttribute, metodos, 225 
Message, propriedades, 297 
minutesToCache, parametros, 171 
Model Binders, 48 
model, palavras-chave, 146 
Models, 38 
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Models, diretorios, 22 
MvcHtmlString, classes, 223 

N 

NoAsyncTimeout, atributos, 79 
NonAction, atributos, 54 
NoStore, parametros, 74 
numericLinksCount, parametros, 161 

o 

ObjectContext, classes, 325 
OnActionExecuted, metodos, 257 
OnActionExecuting, metodos, 257 
OnResultExecuted, metodos, 257 
OnResultExecuting, metodos, 257 
OnSuccess, propriedades, 270 
Operadores, 145 
Order, parametros, 261 
OutputCache, atributos, 70 
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Este livro apresenta muitos exemplos, codigos, dicas 
e conceitos relacionados ao ASP.NET MVC. No 
capitulo final o livro mostra passo a passo como 
desenvolver um website com ASP.NET MVC. 
Aborda tambem os principais topicos relacionados 
as versoes 1,2 e tambem os recursos acrescentados 
a versao 3 , que se aplicam tambem as versoes 4 e 5, 
como a sintaxe Razor, a propriedade ViewBag, os 
atributos Remote, Compare, AllowHtml, os novos 
tipos ActionResult, entre outros. 
O ASP.NET MVC fornece por meio de design patterns 
uma maneira poderosa e alternativa para criar 
websites ASP.NET dinamicos. 


A seguir listamos os principais recursos abordados: 

Sintaxe Razor 
Os tipos retomados de ActionResult 
Controladores Assmcronos 
Exemplifica o uso de dezenas de atributos 
Data Annotations Extensions 
Cache 

Varidveis de sessao 
Criagao de View e partial View 
ADO.NETEntity Framework 
Generic Repository 
WebGrid Helper 
Chart Helper 
Weblmage Helper 
WebMail Helper 
Crypto Helper 
Roteamento de URLs 
Criagao de HTML Helpers 
Validagao por meio de atributos 
ASP.NETMVC com Ajax 
Filtros de agao 
Seguranga de aplicagoes ASP.NETMVC 
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